如何修改网站中嵌入的Google Maps默认初始显示位置

你需要修改gmap.js中的核心配置，同时修复当前代码存在的变量未定义问题，具体操作如下：

具体修改步骤 #

• 替换定位坐标变量：将原纽约布鲁克林坐标替换为伦敦中心经纬度，通用伦敦中心坐标为lat: 51.5074, lng: -0.1278，修改示例：

// 原代码：var brooklyn = {lat: 41.850, lng: -73.961};
// 替换为
var london = {lat: 51.5074, lng: -0.1278};

• 修复地图中心配置：你当前代码中center: London为无效写法，London是未定义的变量，会导致地图初始化报错，修改为上一步定义的伦敦坐标变量即可：

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 6,
  scrollwheel: false,
  streetViewControl: false,
  mapTypeControl: false,
  center: london, // 变量名需和上一步定义的完全一致，注意大小写
  mapTypeControlOptions: {
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
  }
});

• 修改标记点配置：将标记的位置、显示名称改为伦敦相关内容：

var marker = new google.maps.Marker({
  map: map,
  clickable: true,
  icon: image,
  title: '伦敦', // 可替换为你需要的具体地点名称
  position: london // 替换为伦敦坐标变量
});

• 修改点击弹窗内容：将原布鲁克林的地址信息替换为你需要展示的伦敦地址即可，示例：

var contentString = '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h1 id="firstHeading" class="firstHeading">伦敦</h1>'+
  '<div id="bodyContent">'+
  '<p>此处填写你要展示的伦敦具体地址</p>'+
  '</div>'+
  '</div>';

• （可选修改）自定义地图样式的名称name: 'Dublin'可按需修改为name: 'London'，该配置不影响地图功能，仅为自定义样式的标识名。

如果你需要定位到伦敦某个具体点位，直接替换第一步的lat（纬度）和lng（经度）参数即可。

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