Google Map und phpWCMS

kukki · Post by **kukki** » Fri 27. Dec 2013, 19:47

Auf meiner Spielwiese habe ich heute ein auf Basis jQuery erstelltes Pugin zum Laufen gebracht - gleiche Vorgehensweise wie beim FractionSlider. Es gab da eine Menge zu lesen und zu probieren. Jetzt aber stehe ich vor einer entscheidenden Frage:

nachfolgender Website-Code (hier noch als separate Seite) bringt mich zwar auf die Idee, CPs {Text mit Bildern} für die Beschreibung des STOs zu benutzen, leider aber sehe ich im Moment nicht die Lösung, wie ich einen solchen CP zur Anzeige bringen kann.

Hat jemand eine zündende Idee dazu

....
<link type="text/css" rel="stylesheet" href="stylesheets/app.css" />
</head>
<body>

<div id="menu"></div>
<div class="gmap_controls" id="controls"></div>
<div class="gmap" id="gmap-4"></div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sens ... "></script>
<script type="text/javascript" src="javascripts/libs.min.js"></script>
<script type="text/javascript" src="src/maplace.min.js"></script>
<script type="text/javascript" src="data/points.js"></script> <-- hier stehen die Daten für die einzelnen Standorte drinnen
<script type="text/javascript" src="javascripts/app.js"></script>
</body>
...

points.js

Code: Select all

var P1 = [
    {
        lat: 45.468945,
        lon: 45.73684365,
        title: 'Title',
        html: 'Content',
        zoom: 10,
        animation: google.maps.Animation.DROP
    }
];

var LocsA = [
    {
        lat: 45.9,
        lon: 10.9,
        title: 'Title A1',
        html: '<h3>Content A1</h3>',
        icon: 'http://maps.google.com/mapfiles/markerA.png'
    },
    {
        lat: 44.8,
        lon: 1.7,
        title: 'Title B1',
        html: '<h3>Content B1</h3>',
        icon: 'http://maps.google.com/mapfiles/markerB.png',
        show_infowindow: false
    },
    {
        lat: 51.5,
        lon: -1.1,
        title: 'Title C1',
        html: [
            '<h3>Content C1</h3>',
            '<p>Lorem Ipsum..</p>'
        ].join(''),
        zoom: 8,
        icon: 'http://maps.google.com/mapfiles/markerC.png'
    }
]; .....