在Google地图中显示动态html内容/图片

时间:2013-12-19 06:56:35

标签: google-maps google-maps-api-3 google-geocoder

我是Google地图集成的新手。

我有以下代码在Google地图中添加标记。

this.map.addMarker(this.createMarker(infoName, new window.google.maps.LatLng(data.MapdataRecord[i].Latitude, data.MapdataRecord[i].Longitude), 'icon_hosp.png'));

在上面的代码中,我们将医院图标显示为标记图像,但现在需求已经改变,我们需要在那里显示动态内容。

像带有Numbers的图像/图标。这些数字是动态的。要求如下

enter image description here

如何在地图中添加这些标记。

感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

onload google map make an array for your dyanamic icon.
while adding these marker on gmap.Add them
$.each(data.MapdataRecord,function(i,k){  
 this.map.addMarker(this.createMarker(infoName, new window.google.maps.LatLng(k.Latitude,     k.Longitude), Use Array of ICon));
});