使用 JSON 向 Google 地图添加自定义图标

Question

我无法使用下面的代码显示自定义图标。它只是默认为默认的谷歌地图标记。

任何想法我哪里出错了？

$(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 {“标记”：[ {"lat":59.889,"lng":1.249,"icon":"URL/icons/gl_icons/Red.png"},{"lat":59.892,"lng":1.235,"icon":"URL/图标/gl_icons/Red.png"},{"lat":56.778,"lng":-5.702,"icon":"URL/icons/gl_icons/Red.png"},{"lat":49.534,"lng ":-1.814,"icon":"URL/icons/gl_icons/Red.png"},{"lat":56.608,"lng":-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/icons/gl_icons/Red.png"},{"lat":57.531,"lng":-6.895,"icon":"URL/icons/ gl_icons/Red.png"}, {"lat":56.895,"lng":-6.372,"icon":"URL/icons/gl_icons/Red.png"}]}

非常感谢，

Answer 1

乍一看，您并没有在标记调用中设置图标。尝试做：

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

但请注意，您似乎使用的是已弃用的 API v2。

Some relevant examples for API V3.