如何在Google Maps API V3中隐藏除自身位置外的兴趣点

嘿，我来帮你搞定这个问题！你当前的代码只是初始化了地图，但还没添加自己的位置标记，而且默认地图会自动显示很多第三方兴趣点（比如商店、餐馆），咱们可以通过自定义地图样式屏蔽这些默认标记，同时添加你自己的位置标记并保留标题。

修改后的完整代码 #

HTML部分

<div id="map"></div>

JavaScript部分

var map;

function initMap() {
  var myLocation = { lat: 52.5750833, lng: -0.2412917 };
  
  map = new google.maps.Map(document.getElementById('map'), {
    center: myLocation,
    zoom: 19,
    mapTypeControl: false,
    // 添加地图样式，隐藏所有默认兴趣点
    styles: [
      {
        featureType: 'poi',
        elementType: 'labels',
        stylers: [{ visibility: 'off' }]
      }
    ]
  });

  // 添加你自己的位置标记，并设置标题
  const myMarker = new google.maps.Marker({
    position: myLocation,
    map: map,
    title: '我的位置' // 这里替换成你想要的标题文字
  });
}

关键说明 #

• 隐藏默认地点标记：通过styles配置项，我们指定了对poi（兴趣点）的标签（包括标记和文字）设置可见性为off，这样地图上就不会再显示那些无关的第三方地点了。
• 保留自定义位置标题：通过google.maps.Marker创建专属标记，title属性就是鼠标悬停时会显示的标题，完全按照你的需求保留，不会丢失。

如果需要调整隐藏的范围（比如只想隐藏特定类型的POI），还可以细化featureType的取值，比如poi.business只隐藏商业场所，但你当前的需求是隐藏所有其他地点，上面的配置就足够啦。

内容的提问来源于stack exchange，提问作者Bhautik