Как открыть карту infoWindow с помощью Google?

У меня есть карта Goole на странице контактов, на которой я хотел бы показать информационное окно, используемое на карте Google.

Перейдите по этой ссылке : Gmap< /а>

И нажмите на маркер. Должно появиться информационное окно.

У меня вопрос: как сделать так, чтобы то же самое было добавлено на мой сайт?

Ps: я знаю, как создать объект google.maps.InfoWindow, но я не хочу сам создавать html.


maps infowindow
person user1800356    schedule 05.11.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Эта часть Документов Google Map объясняет это: https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows

Определите свою длинную координату

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

Настройте параметры карты

var mapOptions = {
  zoom: 4,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

Инициализируйте свою карту

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

Установите содержимое для вашего infowWindow

var contentString = '<b>Set content for infowindow here in HTML<b>';

Инициализируйте свое информационное окно со строкой содержимого.

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

Поместите свой маркер на ранее определенный маркер на указанной выше карте.

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"Uluru (Ayers Rock)"
});

И, наконец, просто привяжите событие «щелчок» маркера к созданному вами информационному окну.

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});
person keithxm23    schedule 05.11.2012
comment
Да, я знаю, но таким образом я должен сам создать html. Я просто хочу использовать один, предварительно созданный Google... - person user1800356; 05.11.2012
comment
О, если это то, что вы хотите, вам просто нужно использовать Places API, чтобы соответствующим образом настроить содержимое вашего информационного окна. Тот же вопрос уже задавался здесь: stackoverflow.com/a/8994877/1415352 Дайте мне знать, если это поможет. - person keithxm23; 05.11.2012
comment
Да, спасибо, кажется, все в порядке, но как мне получить ссылку на мое место? : / - person user1800356; 05.11.2012
comment
Думаю, для этого вам понадобится Google Geocoding API. developers.google.com/maps/documentation/geocoding Я не использовал это конкретный API, хотя. - person keithxm23; 05.11.2012
comment
Спасибо, помогло, но проблема не решена. Я не могу понять, как найти ссылку на мое место и использовать ее в API места. Раньше с iframe было так просто... - person user1800356; 05.11.2012