Пользовательский номер маркера API Javascript для Google Maps

Question

Я использую пользовательские изображения для своих маркеров, используя google maps 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 г.). См. 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' 
    } 
});