我使用 JMAPPING jquery 插件已经有一段时间了,Google API(我认为)发生了一些变化,因为类别图标选项似乎不再起作用。这在大约 2 周前停止工作,我从未更改过我的 ASP 代码。即使是 JMAPPING 网站上的示例 #5也无法正确显示图标的颜色。
标记都显示在地图上,但它们都是红色的。红色标记是记录集中与 JAVASCRIPT 的 category_icon_options 部分中的特定类别匹配的最后一个标记。
其他人有这个问题吗?
这是我的代码示例:
<div id="map"></div>
<div id="map-side-bar">
<div class="map-location" data-jmapping="{id: 154157499, point: {lng: -82.70809000, lat: 28.03966000}, category: 'Green'}">
<a href="#" class="map-link">Green 12:00:39 0MPH</a>
<div class="info-box">
Unit:69@3/31/2013 9:15:33 AM<br>
Elapsed Time: 12:00:39<br>
Speed: 0MPH<br />
</div>
</div>
<div class="map-location" data-jmapping="{id: 154158127, point: {lng: -82.74336000, lat: 28.14920000}, category: 'Red'}">
<a href="#" class="map-link">Red 12:12:03 7MPH</a>
<div class="info-box">
Unit:69@3/31/2013 9:26:57 AM<br>
Elapsed Time: 12:12:03<br>
Speed: 7MPH<br />
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#map').jMapping({
map_config: {
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT
},
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 12
},
category_icon_options: {
'Green': { color: '#008000' },
'Yellow': { color: '#FFFF00' },
'Red': { color: '#FF0000' }
}
});
});
</script>