自定义Google地图标记HTML

Question

我嵌入了Google地图样式页脚，其中div叠加层包含工作时间或联系信息等内容。我还尝试合并自定义位置标记，如下所示：

任何人都可以帮我吗？ 谢谢！

Answer 1

假设您使用的是Google地图API，则可以使用此代码。

function initMap() {
  // store latitude and longitude for map and marker
  var myLatLng = {lat: -25.363, lng: 131.044};

  // create a map
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  // create a custom marker
  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!',
    icon: 'my-image.png'
  });
}

此代码创建了一个myLatLng变量，用于存储Latitude和Longtitude，然后创建一个map对象。如果您的网站中有地图，我假设您已经拥有该设置。

然后代码声明了一个标记，通过position属性在地图上使用相同的纬度和经度，通过title属性设置标题并选择将在标记上使用的图像通过icon属性。

此功能最初直接取自https://developers.google.com/maps/documentation/javascript/markers

中的文档