谷歌地圖API點標記

目前我使用StyledMarker圖標（帶自定義顏色的默認氣泡圖標），但我看到有些網站使用更加緊湊的「點」（picture of dot marker）。我的問題是，如果用StyledMarker替換點的默認氣泡標記是否可行？如果不是，我該如何解決它（順便解決方案必須允許動態着色點）？谷歌地圖API點標記

來源

2012-12-13 user1736982

當然這是「可能的」。你已經看到了它，不是嗎？ ...但是你試過了什麼？ – Marcelo

是的，這是可能的，但它可能使用開放API：s？我所做的，以及我已經使用谷歌和stackoverflow來嘗試找到一個解決方案，我已閱讀StyledMarker和StyledIcon的參考資料，並瀏覽了谷歌樣本/示例庫。不幸的是沒有找到解決方案，所以我發佈了這個問題:) – user1736982

StyledMarker對其圖標使用（不建議使用）Chart Images API。它看起來沒有「麻疹」/點（但是look for yourself）。在任何情況下，從快看，它本身只支持兩個：

d_map_xpin_letter
d_map_pin_letter

它是開源的，所以你可以修改它做任何你想要的，但您可能只需使用"normal" custom markers即可獲得「麻疹」。

discussion of the Fusion Tables Users Group about how to find the URL of the measles

來源

2012-12-13 14:28:48 geocodezip

非常感謝您的建議。即使d_map_xpin_letter不是「麻疹」圖標，它仍然可以工作。我非常喜歡可以添加一個明星加上喜歡的任何角色，這有助於我解決一些其他問題。非常感謝（我會提高你的回答，但我仍然在等待15分）。 – user1736982

你可以畫自己使用定製的圓形點：https://developers.google.com/maps/documentation/javascript/examples/circle-simple

來源

2013-04-17 12:59:03 moooeeeep

感謝您的解決方案建議，但我不喜歡自定義的圈子的設計/外觀，所以追捕連續:) PS：我會提高你的答案，但我仍然在等待15個重點。 DS – user1736982

@ user1736982看看這個問題的答案：http：//stackoverflow.com/q/11162740/1025391 – moooeeeep

可以聲明標記圖標是一個symbol並相應地對其進行自定義。

new google.maps.Marker({ 
    map: map, 
    position: map.getCenter(), 
    icon: { 
     path: google.maps.SymbolPath.CIRCLE, 
     fillColor: '#00F', 
     fillOpacity: 0.6, 
     strokeColor: '#00A', 
     strokeOpacity: 0.9, 
     strokeWeight: 1, 
     scale: 7 
    } 
});

你可以玩每個屬性來實現所需的外觀。

如果你想要的東西更復雜，我做了（diclaimer：是我，在我做了）a library to use icon fonts (such as font-awesome or material icons) to render images（使用附配的帆布，然後讓其dataurl）。

這基本上是一個圖像的工廠，你可以使用如

new google.maps.Marker({ 
    map: map, 
    position: map.getCenter(), 
    icon: MarkerFactory.autoIcon({ 
     label: 'f1b9', 
     font: 'FontAwesome', 
     color: '#CC0000', 
     fontsize: 20 
    }) 
});

你甚至可以省略font財產，它會使你通過它的文字文本。我有時使用它來枚舉標記。

來源

2017-10-01 23:46:21 amenadiel

谷歌地圖API點標記

回答

相關問題