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

Question

我想添加一个Google地图，例如http://puu.sh/6VgI0.png ，其中我有10个位置，每个位置都有1.title，2.address，3.phone号码和4.category（诊所或医院）我想按上述屏幕截图中的类别过滤位置。 任何帮助，将不胜感激。

Answer 1

步骤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