Можно и как импортировать маркеры и всплывающие окна с запросом мобильных и Google Maps

Question

У меня небольшие проблемы с созданием всплывающих окон с использованием jquery maps .Я могу показать производителей, но не могу заставить всплывающие окна работать с маркерами.

Любая помощь приветствуется по этому вопросу:

<script type="text/javascript">
    function loadMap() {
        SyntaxHighlighter.all();
        $('#map_canvas').gmap({ 
          'center':new google.maps.LatLng(cc_maps_lat, cc_maps_long),
          'zoom':cc_maps_zoom, 
          'streetViewControl': cc_streetView,
          'mapTypeControl' : true, 
          'navigationControl' : true,

          'callback': function() {
            $.getJSON( '_config/pips.json', 'category=activity', function(data) { 
                $.each( data.markers, function(i, m) {
                    $('#map_canvas').gmap('addMarker', { 'position': new google.maps.LatLng(m.lat, m.lng) } );
                });
            });
          }

        });
    }
</script>

<div id="gmap" data-role="page">
    <div data-role="header" data-position="inline">
        <h1>Maps</h1>
        <a href="#home" data-icon="home" class="ui-btn-right" data-iconpos="notext" data-transition="slidedown">Home</a>
    </div>
    <div data-role="content"> 
        <div id="map_canvas" style="height:440px;"></div>
        <!-- <div id="map_canvas" style="height:440px;"></div> -->
    </div>
</div>

И файл JSON:

{"markers":[{"lat":51.222629,"lng":-1.229959,"title":"Test"}]}

Answer 1

Обратите внимание на добавленную функцию щелчка, которая будет включена в вашу функцию $ .each.

$('#map_canvas').gmap('addMarker', {
'position': new google.maps.LatLng(marker.Lat, marker.Lng), 
'bounds': true
}).click(function() {
$('#map_canvas').gmap('openInfoWindow', { 'content': marker.City }, this);
});

Затем измените маркер. Для этого необходим элемент фида JSON.