Google지도에 여러 마커를 표시하고 싶습니다. 위도와 경도가 포함 된 모델 목록을 반복 할 때 각 루프를 사용하고 있습니다.하지만 함수가 호출되어지도가 표시되지 않습니다. .여러 마커가있는 Google지도가 나타나지 않습니다.
코드 :
<div id="map_canvas" style="width: 80%; height: 80%"> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?
sensor=false"></script>
<script type="text/javascript">
$(document).ready(function() {
alert("working");
var map;
var locations = [];
var options = {
zoom: 14,
center: new google.maps.LatLng(0, 0),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#map_canvas')[0], options);
@* This is the razor loop *@
@foreach (var item in Model) {
<text>
locations.push(item.latitude, item.longitude);
</text>
}
var i;
for (i = 0; i <= locations.length; i++) {
var latlng = new google.maps.LatLng(locations[i][0], locations[i][1]);
var marker = new google.maps.Marker({
position: latlng,
map: map,
});
}
});
</script>
내 업데이트 개발 code.i이 유사한 접근 방식을 사용하지만,지도 – Wasfa
표시되지 않습니다하는 곳은 위의 스크립트 업데이트하고있다 tag.i 당신의 사업부
–입니다 확인 내 코드 – Wasfa