向GMaps.js标记添加ID

时间:2015-06-18 11:01:11

标签: javascript jquery css3 google-maps gmaps.js

我没有使用默认的谷歌地图,我正在使用一个应该简化它的包,称为GMaps.js

我需要有关如何向GMaps.js标记添加ID的帮助,这就是我所拥有的:

    map.addMarker({
        lat: 63.998847,
        lng: 11.486882,
        title: 'Test Marker',
        id: 'marker'
    });

2 个答案:

答案 0 :(得分:1)

在这种情况下,我认为你应该使用具有DOM id属性的addControl方法。

var map = new GMaps({
  el : '#basic-map',
  lat: -12.0433,
  lng: -77.0283,
  zoom: 12
});

 map.addControl({
   id: 'marker'
 });

获取特定标记并隐藏或显示

$('#basic-map').gmap('addMarker', { 'tags':'foo', 'position': '42.345573,-71.098326', 'bounds':true });
$('#basic-map').gmap('find', 'markers', { 'property': 'tags', 'value': 'foo' }, function(marker, isFound) {
        if ( isFound ) {
                marker.setVisible(true);
        } else {
                marker.setVisible(false);
        }
});

答案 1 :(得分:0)

GMaps.js将参数转发给google.Maps.Marker,后者接受MarkerOptions对象规范。

请参阅:https://github.com/hpneo/gmaps/blob/9a0ad96adc56c004424b17c6cdb7dcc1add94654/lib/gmaps.markers.js#L21

https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions

没有ID选项。所以无论你想做什么,都需要以不同的方式完成。例如。删除所有要隐藏的标记,添加应该可见的标记。