2017-02-19 7 views
1

Настройка Google Map 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 
 
    }); 
 
}

Я хочу, чтобы настроить ярлык. Я пытаюсь найти ответы в документации Google, у них есть только несколько свойств для изменения (https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions), затем я ищу в google, самый ответ - 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 сложнее ... https://developers.google.com/maps/documentation/javascript/custom-markers – Darkrum

+0

установить заголовок маркера как price.var marker = новый google.maps.Marker ({ позиция: myLatlng, название: «Hello World!» }); – sonali

ответ

1

Google Code осуждался давно. Все API проекты Google Maps, которые были организованы в Google Code перенесено в Github.

Вы можете найти маркер с библиотекой метки утилиты и другими коммунальными библиотеками, а также по адресу:

https://github.com/googlemaps/v3-utility-library

Надеется, что это помогает!

+0

Большое спасибо. Теперь работает. – Joe

Смежные вопросы