2014-02-21 4 views
0

아래의 코드를 사용하여 표시 할 맞춤 아이콘을 가져올 수 없습니다. 기본 Google지도 아이콘으로 기본 설정됩니다.JSON을 사용하여 Google지도에 맞춤 아이콘 추가

내가 잘못 가고있는 아이디어가 있습니까?

$(function() { 
$('#map_canvas').gmap({ 
'center':new google.maps.LatLng(54.5,-4.0), 
'zoom':6, 
'streetViewControl': false, 
'callback': 


function() { 
setInterval(function() {  
$.getJSON('URL/data_sets/json/sfuk47.php?'+ new  Date().getTime(), 'category=activity', function(data) { 
$.each(data.markers, function(i, m) { 
$('#map_canvas').gmap(
'addMarker',{ 
'position': new google.maps.LatLng(m.lat, m.lng) }); 
});    
}); 
}, 5000);        
} 
}); 
}); 

setInterval(function() { 
$.ajax({ 
url:'URL/data_sets/json/sfuk47.php', 
success: function(data) { 
if (data == "refresh"){ 
window.location.reload(); 
} 
} 
}); 
}, 600000); 

json으로 { "마커"[ { "위도": 59.889, "LNG": 1.249, "아이콘": "URL/아이콘/gl_icons을/Red.png"}, { "위도 ": 59.892,"lng ": 1.235,"icon ":"URL/icons/gl_icons/Red.png "}, {"lat ": 56.778,"lng ": - 5.702,"icon ":"URL/icons/"lat": 49.534, "lng": - 1.814, "icon": "URL/icons/gl_icons/Red.png"}, { "lat": 56.608, "lng": gl_icons/Red.png " -8.324, "icon": "URL/icons/gl_icons/Red.png"}, { "lat": 49.286, "lng": - 2.183, "icon": "URL/icons/gl_icons/Red.png"} { "lat": 49.289, "lng": - 2.192, "icon": "URL/icons/gl_icons/Red.png"}, { "lat": 59.051, "lng": - 7.525, "icon" "URL/icons/gl_icons/Red.png"}, { "lat": 58.965, "lng": - 7.439, "icon": "URL"/ 아이콘/gl_icons/Red.png "}, {"lat ": 57.531 , "lng": - 6.895, "icon": "URL/icons/gl_icons/Red.png"}, { "lat": 56.895, "lng": - 6.372, "i 사기꾼 ":"URL/아이콘/gl_icons/Red.png "}]} 언뜻

많은 감사,

답변

1

마커 전화에서이 아이콘을 설정하지 않는 것입니다. 시도해보십시오.

'addMarker',{ 
'position': new google.maps.LatLng(m.lat, m.lng), 
'icon': m.icon }); 

하지만 API v2는 더 이상 사용되지 않는 것으로 보입니다.

Some relevant examples for API V3.

+0

감사합니다. 트릭을 수행했습니다. 예제에서 코드를 사용하고 있습니다. http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-json.html API v3은 어떻게 사용합니까? –

+0

추가 된 링크를 참조하십시오. 특히 API V2에 대한 지원이 종료되면서 최신 버전을 사용하는 것이 좋습니다. – Swires

관련 문제