2013-10-21 186 views
0

我一直在尋找一種有趣的方式來顯示谷歌地圖到我的聯繫頁面,我發現了一些非常有趣的事情,但我似乎無法弄清楚它是如何完成的。我在網站上看到它(see original page here)。自定義谷歌地圖位置點

enter image description here

就好像你查看頁面中可以看到,該地圖是互動和點以下,這是非常整潔。我似乎無法找到這是如何定製的。更有趣的是它的響應速度非常快(儘管Firefox 24在Mac中閃爍)。

這會是某種相對的絕對位置的點,一些jQuery的,一些神祕的谷歌地圖的視覺效果的工具,他們似乎躲好?

回答

1

有沒有什麼神奇的,這只是一個custom google maps marker image。你必須做的唯一的事情是,當你初始化你的標記像你一樣,通常指定標記選項圖像路徑:

var marker = new google.maps.Marker({ 
    position: latlngPosition, 
    map: map, 
    icon: 'path/to/image' 
}); 

有關可以設置其他標誌選項的詳細參考,請單擊here