2017-02-19 115 views
1

自定義谷歌地圖API V3標識標籤

function initMap() { 
 
    var uluru = {lat: 13.676442, lng: 100.638276}; 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 17, 
 
    center: uluru 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
    position: uluru, 
 
    map: map, 
 
    label: { 
 
     text: "$300k", 
 
     color: "#4682B4", 
 
     fontSize: "30px", 
 
     fontWeight: "bold" 
 
    }, 
 
    title: "Hello World!", 
 
    visible: true 
 
    }); 
 
}

我想自定義的標籤。我試圖找到在谷歌文檔中的答案,他們只有幾個屬性改變(https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions),然後我搜索谷歌最多的答案是MarkerWithLabel但問題是鏈接不工作更多http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.9/src/markerwithlabel.js「所以我不能使用庫。我將圖片從我的代碼和我想要的東西。任何一個能幫助我嗎?

This is the result from my code

This is what I want

+0

Google harder ... https://developers.google.com/maps/documentation/javascript/custom-markers – Darkrum

+0

設置標記的標題爲price.var marker = new google.maps.Marker({ 位置:myLatlng, title:「Hello World!」 }); – sonali

回答

1

谷歌代碼很久以前被廢棄。被託管的所有谷歌地圖API預計,在Google Code上遷移到Github。

您可以用標籤工具庫和其他工具庫找到標記,以及:

https://github.com/googlemaps/v3-utility-library

希望它能幫助!

+0

非常感謝。現在正在工作。 – Joe