2013-08-21 90 views
0

我有我正在使用群集这样谷歌地图与簇不工作

script src="http://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     var script = '<script type="text/javascript" src="js/cluster'; 
     if (document.location.search.indexOf('compiled') !== -1) { 
     script += '_compiled'; 
     } 
     script += '.js"><' + '/script>'; 
     document.write(script); 
    </script> 

    <script type="text/javascript"> 

     google.load('maps', '3', { 
     other_params: 'sensor=false' 
     }); 
     google.setOnLoadCallback(initialize); 
     function initialize() { 
     var GPS = <%=GPS %> 
     var map_center = new google.maps.LatLng(31.2330555556,72.3330555556); 
     var map = new google.maps.Map(document.getElementById("map"), { 
      zoom: 6, 
      center: map_center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }); 
     var infowindow = new google.maps.InfoWindow(); 
      if (markerClusterer) { 
      markerClusterer.clearMarkers(); 
     } 
     var markers = [];  
     for(i=0; i<GPS.length; i++) 
     { 
     var markerImage = new google.maps.MarkerImage(imageUrl, 
      new google.maps.Size(24, 32)); 
     var imageUrl = 'ico/' + GPS[i].ICON;   
      markers[i] = new google.maps.Marker({ 
      position: GPS[i].GPS, 
      draggable: true, 
      icon: markerImage, 
      Info: '<table frame=box><tr><td align="Left"><font face="Arial" size=2 color=#336699>Shop Name:</td><td align="Left"><font face="Arial" size=2>'+ GPS[i].SHOP + '</font></td></tr><tr>'+ 
      '<td align="Left"><font face="Arial" size=2 color=#336699>Owner:</td><td align="Left"><font face="Arial" size=2>'+ GPS[i].OWNER + '</font></td></tr>'+ 
      '<td align="Left"><font face="Arial" size=2 color=#336699>Mobile:</td><td align="Left"><font face="Arial" size=2>'+ GPS[i].MOBILE + '</font></td></tr>'+ 
      '<tr><td align="Left"><font face="Arial" size=2 color=#336699>Distributer:</td><td align="Left"><font face="Arial" size=2>'+ GPS[i].DIST + '</font></td></tr><tr>'+ 
      '<tr><td align="Left"><font face="Arial" size=2 color=#336699>Region:</td><td align="Left"><font face="Arial" size=2>'+ GPS[i].REGION + '</font></td></tr>'+ 
      '<tr><td align="Left"></td><td align="Left"><font face="Arial" size=2 color=#336699><a target=_blank href=http://221.120.216.52/elp/sfpl/sfpl.php?ccode=01&amp;&regno='+ GPS[i].REGNO +'>View</a></td></tr>'+ 
      '</table>', 
      title:GPS[i].SHOP + '(' +GPS[i].DIST + ')' 
      }); 
      markers.push(markers); 
      google.maps.event.addListener(markers[i], 'click', function() { 
      infowindow.setContent(this.Info); 
      infowindow.open(map,this); 
      }); 
     } 
     var markerClusterer = new MarkerClusterer(map, markers); 
     } 
    </script> 

这里一个谷歌地图ü可以检查http://dnet.sml.com.pk/map/SFPLSurvey.aspx 当地图加载它像冷冻意味着不要与Mouse.When移动我点击潘移动然后它开始maving.Plz任何一个帮助我希望地图应该移动时,它加载由用户

回答

0

我不是专家,但var GPS = <%= GPS%>似乎倾倒了很多的信息进入页面。很可能这是导致地图冻结的原因。为了调试的目的,删除拉取的数据的数量并查看地图是否按照您的意图执行。

希望它有助于