2017-02-19 116 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