Jquery Ui Map Infobox Не работает - PullRequest
Новая
       21

Jquery Ui Map Infobox Не работает

0 голосов
/ 26 марта 2012

Я новичок в jquery, и я использую плагин jquery под названием "jQuery UI Map", и я пытаюсь показать инфобокс, а также очистить маркеры. В http://code.google.com/p/jquery-ui-map/wiki/Examples указано «$ ('# map_canvas'). Gmap ('clearMarkers');" это то, что используется для очистки маркеров. У кого-нибудь есть представление о том, что я делаю неправильно? 

$(document).ready(function() {       
   $('#map_canvas').gmap({ 'center':new google.maps.LatLng(61.1366483333333, -149.837405), 'streetViewControl': false, 'callback': function() {
        $.getJSON( 'JSON URL', function(data) { 
           $.each( data.markers, function(i, m) {
           $marker = $('#map_canvas').gmap('addMarker', { 'position': new google.maps.LatLng(m.latitude, m.longitude), 'bounds':true })

 .click(function() {   
    $('#map_canvas').gmap('addInfoWindow', { 'content': "TEXT_AND_HTML_IN_INFOWINDOW" }, this); });          

                        });//each 

//var markerCluster = new MarkerClusterer($('#map_canvas').gmap('getMap'), $('#map_canvas').gmap('getMarkers')); //cluster

        $('#clear_4').click(function(){
            $('#map_canvas').gmap('clear', 'markers');
                alert("Thanks for visiting!"); //i can get in here, but clear doesnt clear the markers.. why?

             });//clear 4   

          }); //getJSON
        }           
     }); //gmap

}); //function */

внутри моего файла JSON у меня есть

{ "маркеры": [{ "широта": 61,1366483333333, "долгота": - 149,837405}, { "широта": +61,1364716666667, "долгота": - +149,837508333333}, { "широта": 61,1355, "долгота": -149,834313333333}, { "широта": 61,1812083333333, "долгота": - 149,838265}, { "широта": 61.1880983333333, "долгота": - 149,828815}, { "широта": 61,18899, "долгота": - 149,824975}, { "широта": 61,1663083333333, "долгота": - 149,83976}, { "широта": 61,1929266666667, "долгота": - 149,878083333333}, { "широта": 61,1923216666667, "долгота": - 149,876706666667}, { "широта": +61,1892516666667 , "долгота": - 149,825573333333}, { "широта": +61,1884716666667, "долгота": - 149,824725}, { "широта": 61,190265, "долгота": - 149,907408333333}, { "широта": 61,19035, "долгота": -149,907596666667}, { "широта": 61,19526, "долгота": - 149,881706666667}, { "широта": 61,19081, "долгота": - 149,830046666667}, { "широта": 61,123125, "долгота": - 149,833703333333}, { "широта": +61,1138616666667, "долгота": - 149,913485}, { "широта": 61,157745, "долгота": - +149,834226666667}]}

когда я пытаюсь использовать openinfowindow, следуйте примеру на http://jquery -ui-map.googlecode.com / svn / trunk / demos / jquery-google-maps-basic-example.html 

var  $marker = $('#map_canvas').gmap('addMarker', { 'position': new        google.maps.LatLng(m.latitude, m.longitude), 'bounds':true });

$marker.click(function() {
$('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this);
alert( "hello");
})

** Решено .. похоже, что пример jquery ui map был сделан для бета-версии, все, что мне было нужно - это бета, а не стабильная информация! Глупый я!

...