Пользовательское описание в Google Map Marker

Question

Как настроить описание части параметра описания маркера google maps.

 "title": '<%# Eval("country") %>', 
     "lat": '<%# Eval("Latitude") %>', 
     "lng": '<%# Eval("Longitude") %>', 
     "description": 'Location : <%# Eval("City") %>,<%# Eval("country") %>,<%# Eval("Latitude") %>,<%# Eval("Longitude") %>' 

Это выход, что я ищу для каждого данные, которые будут отображаться на следующей строке -

Location: Name of a city 
Country : Name of a Country 
Latitude: 
Longitude: 

Пожалуйста, помогите! Спасибо, ребята :)

Answer 1

Похоже, что вам нужно InfoWindow. Это контейнеры, содержащие HTML и всплывающие в определенный момент на карте.

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(0,0) 
}); 
marker.description = new google.maps.InfoWindow({ 
    content:"HTML Content goes here" 
}); 
google.maps.event.addListener(marker, 'click', function(){ 
    this.description.setPosition(this.getPosition()); 
    this.description.open(map); //map to display on 
}); 

1. Определить маркер с любыми свойствами, которые вы хотите.
2. Создайте окно описания для этого маркера с содержимым HTML, которое будет отображаться как обычный HTML. Если вы используете стили CSS, обязательно указывайте, что имена будут внутри того, что div содержит карту.
3. Сделайте приемник событий, который отображает InfoWindow на карте, в месте, где находится маркер, при нажатии маркера.