2015-12-07 2 views
2

Я хотел бы отобразить название места рядом с маркером, как показано на рисунке ниже. В настоящее время мне не нужна информация, содержащаяся в Картах Google. Мне все равно, что имя отеля должно появиться вместе с маркером.Как изменить название места рядом с маркером

Пример: Courtyard Marriott Hotel - Ссылка на Google Карты, в которой четко указано название.

Sample location

Я создал демо jsFiddle (не показать этикетку)

var googleMap; 
var hotelLocation = { 
    lat: 43.681592, 
    lng: -79.713612 
}; 
var mapCenter = hotelLocation; //{ lat: 43.690497, lng: -79.966831 }; 

google.maps.event.addDomListener(window, 'resize', function() { 
    //https://stackoverflow.com/questions/8792676/center-google-maps-v3-on-browser-resize-responsive 
    var center = googleMap.getCenter(); 
    google.maps.event.trigger(googleMap, "resize"); 
    googleMap.setCenter(center); 
}); 

function InitializeGoogleMaps() {  
    //http://www.latlong.net/convert-address-to-lat-long.html 
    //90 Biscayne Crescent, Brampton, ON - Address of Hotel - { lat: 43.681592, lng: -79.713612 }; 
    googleMap = new google.maps.Map(document.getElementById('map'), { 
    zoom: 14, 
    center: mapCenter 
    }); 

    var marker = new google.maps.Marker({ 
    position: hotelLocation, 
    map: googleMap, 
    title: 'Courtyard by Marriott' 
    }); 
} 


InitializeGoogleMaps(); 

Я прошел через много поисковых терминов (как я не уверен, что это правильное слово для этой метки и прошел через Maps Marker API тоже), но пока не повезло. Я думаю, что ниже поток, похоже, находится на одной линии, но я надеюсь, что внутри карт Google будет встроена поддержка, а затем собирается для дополнительной библиотеки.

+1

Вы когда-нибудь получали ответ? – leofontes

+0

К сожалению, нет. – ndd

ответ

-1

Вы можете использовать pixelOffset:

pixelOffset: new google.maps.Size(100,140); 

Результат будет выглядеть так:

var marker = new google.maps.Marker({ 
position: hotelLocation, 
map: googleMap, 
title: 'Courtyard by Marriott', 
pixelOffset: new google.maps.Size(100,140); 
}); 
+0

Это еще не отображает текст «Courtyard Marriott» рядом с маркером :) Обновлено [jsFiddle] (http://jsfiddle.net/xxq0efvq/3/) – ndd

+0

Конечно, это не ... Вам все равно нужно позвонить событие, которое открывает маркер! : D @ndd – Sidius

+0

Не могли бы вы обновить [jsFiddle] (http://jsfiddle.net/xxq0efvq/3/) @Sidius? – ndd

0

Вы можете найти ответ на это в этом 6-летний SO после.

How to display a label next to a Marker for Google Maps?

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

+0

Как вы, возможно, заметили, что я уже упоминал эту ссылку в своем вопросе :). FWIW, я [отредактировал один ответ] (http://stackoverflow.com/a/22333457) внутри этого вопроса и добавил [jsFiddle] (http://jsfiddle.net/2v79q5h3/) демо. – ndd

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