如何在gmap v3上添加/过滤标记

时间:2014-02-14 02:07:03

标签: javascript jquery google-maps

我想添加一个像http://puu.sh/6VgI0.png这样的谷歌地图,其中我有10个地点,每个地点都有1.title,2.address,3.phone number和4.category(诊所或医院),我想要使用上面的屏幕截图中的类别过滤位置。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

步骤1:使用自定义标记图标获取各自的位置点后,在地图中添加标记。像下面的东西

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var marker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: iconBase + 'schools_maps.png'
});

步骤2:接下来,您应该对其他图标组重复相同的操作。

步骤3:根据复选框选择(哪个组是否可见)为两者编写一个函数

步骤4:在标记中,您可以在单击时附加事件,以显示包含所有信息的弹出窗口。

google.maps.event.addListener(marker, 'click', function() {

    // Show popup screen here based on marker parameter.
  });

有关完整示例,您可以参考此文档 https://developers.google.com/maps/documentation/javascript/events