Использование карт Google встраивает метки для изменения содержимого страницы

Question

Я только что получил задание, где мне нужно встраивать карту Google из слоя карты «Мои места» с несколькими метками PlaceMarks.

Это довольно легко благодаря хорошей встроенной функции Google.

Однако проблема заключается в том, что предполагается изменить содержимое страницы, на которую оно вставлено, когда гость нажимает на один из маркеров.Например, вызывая некоторые функции JavaScript.Другой способ, с которым все будет в порядке, - это если в описании Placemarker может быть какой-то тест, и в этой ссылке - ссылка, которая при нажатии изменяет содержимое страницы, в которое вставляется, снова вызывая какую-то функцию JavaScript.

Есть ли хороший способ сделать это?

Answer 1

Вам необходимо прослушать событие click для маркера. Это некоторый код с моего сайта:

var marker =new google.maps.Marker({
    position: new google.maps.LatLng(searchResult.Latitude,searchResult.Longitude),
    map: googleMap,
});
google.maps.event.addListener(marker, 'click', function() {
    //Function called when user clicks on the marker.
    //change page content here.
});

Вы можете использовать информационное окно для отображения всего, что вам нужно:

google.maps.event.addListener(marker, 'click', function () {
    var infoWindow = new google.maps.InfoWindow();
    infoWindow.setContent("Content shown in infowindow above the map marker.");
    infoWindow.open(googleMap,marker);
});