Jquery Ui Map Infobox不起作用

时间:2012-03-25 21:42:23

标签: jquery google-maps google-maps-markers jquery-ui-map

我是jquery的新手,我正在使用一个名为“jQuery UI Map”的jquery插件,我试图让信息框显示出来以及清晰的标记。在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的示例是为测试版制作的所有我需要的是测试版不是稳定使用信息框!傻傻的我!

0 个答案:

没有答案