Question

我目前正在开发一款基于Gmap3＆amp;谷歌地图我不是一个javascript专家，虽然我有一些经验

我的数据集来自一个JS文件，我将其解析为data []数组可以找到每个标记lat，lng，title，（infowindow）内容，使用的图标

除了一个图标颜色

之外，所有这一切都有效

这有效：

var thiscolor ='green'; //强制所有图标都是绿色而不是我想要的但是它有效

.....

icon：new google.maps.MarkerImage（'img / marker'+ thiscolor +'。png'，null，null，null，new google.maps.Size（25,25））   ...

这不是：

icon：new google.maps.MarkerImage（'+ data.icon +'，null，null，null，new google.maps.Size（25,25））

我可以验证 data.icon 是否已正确解析并显示： img / markergreen.png 或 img / markerred.png < / p>

我一直在尝试各种隐含的，明确的单一＆amp;图标文件路径周围的双引号和+符号组合......

:-(现在可以使用

aaaaaarg生气，任何人都可以帮忙吗？

Answer 1

您必须以下列格式发送标记： -

markers:[
    {lat:48.8620722, lng:2.352047, data:'Paris !', options:{icon:"http://maps.google.com/mapfiles/marker_purple.png"}},
    {lat:46.59433,lng:0.342236, data:'Poitiers : great city !'},
    {lat:42.704931, lng:2.894697, data:'Perpignan ! <br> GO USAP !', options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
],

Answer 2

您可以使用setIcon方法设置标记的图标

marker1.setIcon("img/marker'+thiscolor+'.png");

供参考http://googlemaps.googlermania.com/google_maps_api_v3/en/change_icon_of_marker.html

从数据文件中设置条件图标颜色

2 个答案: