JS 및 VB.NET에서 Google Maps API v3을 사용하여 맵의 서버 측 데이터 배열로 맵을 만들려고합니다. 내지도가 밖으로 클러스터와 succefuly로드 된하지만지도에 클러스터를 적용하려고하면 내 마커가 보이지 않는되고지도에 게재되지 않습니다. 여기
지도를 만들기위한 또한 클러스터지도상의 내 클러스터가 작동하지 않습니다.
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
var script = '<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer';
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);
var map;
var markers = [];
var markerClusterer = null;
function initialize() {
var GPS = <%=GPS %>
var map_center = new google.maps.LatLng(31.2330555556,72.3330555556);
var myOptions = {
zoom: 6,
scaleControl:true,
pancontrol: true,
streetViewControl: true,
center: map_center,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
mapTypeId: google.maps.MapTypeId.HYBRID
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var infowindow = new google.maps.InfoWindow();
var image = 'ico/gn.png';
for(var i=0; i<GPS.length; i++)
{
var marker=new google.maps.Marker({
position:GPS[i].GPS,
draggable:true,
icon:image,
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.php?ccode=01&®no='+ GPS[i].REGNO +'>View</a></td></tr>'+
'</table>',
title:GPS[i].SHOP + '(' +GPS[i].DIST + ')'
});
markers.push(marker);
google.maps.event.addListener(markers[i], 'click', function() {
infowindow.setContent(this.Info);
infowindow.open(map,this);
});
}
markerClusterer = new MarkerClusterer(map,markers,
{
maxZoom:5
});
}
</script>
누군가 내 코드? 이 문제를 해결하고 또한 코드에서 누락 된 내용을 알려주십시오.
어느 하나이 질문에 답하십시오. – user1397781