自定義Google地圖標記HTML

我正在嵌入Google地圖樣式頁腳，其中包含工作時間或聯繫信息之類的東西。我也試圖將一個自定義的位置標記，像這樣：自定義Google地圖標記HTML

Example marker

誰能幫助我？謝謝！

2016-09-15 Christian Van Voorst

谷歌提供關於造型的嵌入式地圖的完整和詳細的指南。這包括自定義標記：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

來源

2016-09-15 13:18:23 AdamMcquiff

自定義Google地圖標記HTML

回答

相關問題