自定义Google地图标记HTML

问题描述：

我正在嵌入Google地图样式页脚，其中包含工作时间或联系信息之类的东西。我也试图将一个自定义的位置标记，像这样：自定义Google地图标记HTML

Example marker

谁能帮助我？谢谢！

谷歌提供关于造型的嵌入式地图的完整和详细的指南。这包括自定义标记：https：//developers.google.com/maps/documentation/javascript/overlays 这也可能有所帮助：https：//mapbuildr.com/ – adamk22

答

假设您使用的是Google Maps 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变量，然后创建一个地图对象。如果您的网站中有地图，我假设您已经拥有该设置。

然后，代码中声明的标记，使用相同的纬度和经度在经由position属性地图，设定经由title属性标题和选择，这将在标记上经由icon属性中使用的图像。

该功能最初是从发现的文档举起直：https://developers.google.com/maps/documentation/javascript/markers

自定义Google地图标记HTML

相关推荐