谷歌地圖Javascript API自定義標記號碼

Question

我使用自定義圖像爲我的標記使用谷歌地圖javascript api V3和我想知道如果有人知道如何超級強加在這些之上的數字。我有一個盒子圖像，我需要動態地在框中放置一個數字。我不知道是否有這樣做的風格方式，或者如果有人可以告訴我如何通過JavaScript來做到這一點。

Answer 1

您可以使用地圖實用程序庫（http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries）。 RichMarker & styledMarker（向下滾動頁面）可能對您最有用。

選項2 - 您可以推出自己的實施覆蓋類（需要一些工作）。示例在這裏http://gmaps-samples-v3.googlecode.com/svn/trunk/overlayview/custommarker.html

選項3 - （更乏味）是創建帶有數字的自定義標記圖像。

Answer 2

對單個字符標記標籤的支持是added to Google Maps版本3.21（2015年8月）。請參閱new marker label API。不幸的是，這是limited to single digits，所以如果你需要2位數字，你仍然需要使用像RichMarker這樣的庫。

現在，您可以創建標籤標誌是這樣的：

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(latitude, longitude), 
    icon: markerIcon, 
    label: { 
    text: '1' 
    } 
});