JMapping - category_icon_options

时间:2013-04-01 14:33:11

标签: jquery google-maps-api-3

我一直在使用JMAPPING jquery插件一段时间,并且使用Google API更改了一些内容(我认为),因为类别图标选项似乎不再起作用。这大约2周前停止工作,我从未改变我的ASP代码。即使JMAPPING网站上的example #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>

1 个答案:

答案 0 :(得分:0)

供应商将来会修复JS,现在没有修复。我决定转向完整的Google MAP API v3,而不是我们的第三方JS工具。 谢谢 吉姆