как добавить информационное окно в полигон

Question

как добавить информационное окно в полигон

0

есть код, который я написал, в основном, я просто копирую его из примера google api, не знаю, где я ошибаюсь, я уверен, что ошибка связана с функцией "google.maps.event.addListener", но не знаю, как исправить это может мне помочь?

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var infowindow = new google.maps.InfoWindow(
 { 
content:"abc"
 });

var x=new google.maps.LatLng(52.395715,4.888916);
var stavanger=new google.maps.LatLng(58.983991,5.734863);
var amsterdam=new google.maps.LatLng(52.395715,4.888916);
var london=new google.maps.LatLng(51.508742,-0.120850);

function initialize()
{
var mapProp = {
  center:x,
  zoom:4,
  mapTypeId: google.maps.MapTypeId.ROADMAP
 };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var myTrip=[stavanger,amsterdam,london,stavanger];
var flightPath=new google.maps.Polygon({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
});

flightPath.setMap(map);
}
google.maps.event.addListener(flightPath,'click', function() {


      infowindow.setPosition(stavanger);
      infowindow.open(map,flightPath);
    }); 

  google.maps.event.addDomListener(window, 'load', initialize);
 </script>
 </head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

user3528204 28 апр. 2014, в 08:31

Источник

2

переместите слушатель щелчка внутрь инициализации.
Dr.Molle 28 апр. 2014, в 06:39
0

Понял, большое спасибо !!!
user3528204 28 апр. 2014, в 08:00
0

Также, если вы хотите, чтобы информационное окно находилось рядом с infowindow.open(map); , удалите его из infowindow.open(map);
geocodezip 28 апр. 2014, в 12:32

Показать ещё 1 комментарий

Теги:

javascript

html

google-maps

google-maps-api-3

2 ответа

Ещё вопросы

переместите слушатель щелчка внутрь инициализации.
Также, если вы хотите, чтобы информационное окно находилось рядом с infowindow.open(map); , удалите его из infowindow.open(map);

Jereme Causing · Answer 1 · 2014-04-28T06-25-00.000Z

Отобразите сообщение, получив координату первой точки на пути многоугольника и используя ее для инфоиндуста

google.maps.event.addListener(flightPath,'click', function() {

   infowindow.setPosition(this.getPath().getAt(0));
   infowindow.open(map);
 });

Mir Shakeel Hussain · Answer 2 · 2014-04-28T04-37-00.000Z

google.maps.event.addListener(flightPath,'click', function() {
    var aar=this.getPaths();

    infowindow.setPosition(arr.getAt(2));
    infowindow.open(map,flightPath);
 });

и использовать прослушиватель событий внутри функции