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

【问题标题】：Setting conditional icon color from data file从数据文件设置条件图标颜色
【发布时间】：2012-05-19 06:16:17
【问题描述】：

我目前正在 Gmap3 和 GoogleMaps 之上开发一个小应用程序尽管我有一些经验，但我还不是 javascript 专家

我的数据集来自一个 JS 文件，我将其解析为一个 data[] 数组在哪里可以找到每个标记 lat,lng,title,(infowindow)content,icon to be used

除了图标颜色之外，所有这些都是一种享受

这行得通：

var thiscolor ='绿色'; // 强制所有图标为绿色，这不是我想要的，但它可以工作

.....

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

我一直在尝试围绕图标文件路径的各种隐式、显式单引号和双引号以及 + 符号组合......

:-(现在可以使用

aaaaaarg 生气了，谁能帮忙？

【问题讨论】：

标签： google-maps marker jquery-gmap3

【解决方案1】：

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

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

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

【讨论】：

感谢您的尝试，但问题更多在于理解有效的“强制”图标和无效的“数据驱动”图标之间的语法差异。该方法有效，只是后一种情况下语法错误

【解决方案2】：

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

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"}}
],

【讨论】：