Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在google地图中更改标记时显示标记信息窗口_Javascript_Google Maps_Google Api - Fatal编程技术网

Javascript 在google地图中更改标记时显示标记信息窗口

Javascript 在google地图中更改标记时显示标记信息窗口,javascript,google-maps,google-api,Javascript,Google Maps,Google Api,JS: HTML: 当用户单击set custom location(设置自定义位置)时,将创建一个新标记,并将地图固定到该标记上,但在创建新标记时,如何动态显示信息窗口 创建标记后(使用google.maps.event.trigger)单击标记(当然,您需要一个单击侦听器来打开信息窗口,以及信息窗口的一些内容): var map; function pageLoad() { map = new google.maps.Map(document.getElementByI

JS:

HTML:


当用户单击set custom location(设置自定义位置)时,将创建一个新标记,并将地图固定到该标记上,但在创建新标记时,如何动态显示信息窗口

创建标记后(使用google.maps.event.trigger)单击标记(当然,您需要一个单击侦听器来打开信息窗口,以及信息窗口的一些内容):

 var map;

 function pageLoad() {
     map = new google.maps.Map(document.getElementById('map'), {
         zoom: 3,
         center: new google.maps.LatLng(34.454543, 35.812997),
         mapTypeId: google.maps.MapTypeId.ROADMAP
     });
     var infowindow = new google.maps.InfoWindow();
 }

 function getRandomArbitary(min, max) {
     return Math.random() * (max - min) + min;
 }

 function SetLocation() {
     var latitude = getRandomArbitary(1, 30);
     var longitude = getRandomArbitary(1, 30);
     var locationlatLng = new google.maps.LatLng(latitude, longitude);
     var marker = new google.maps.Marker({
         'position': locationlatLng,
         'map': map
     });
     map.panTo(locationlatLng);
 }
 <div id="map" style="width: 900px; height: 600px">
 <a href="javascript:void(0)" onclick="SetLocation();">Set Custom Location</a>
var map;
var infowindow;

 function pageLoad() {
     map = new google.maps.Map(document.getElementById('map'), {
         zoom: 3,
         center: new google.maps.LatLng(34.454543, 35.812997),
         mapTypeId: google.maps.MapTypeId.ROADMAP
     });
     infowindow = new google.maps.InfoWindow();
 }

 function getRandomArbitary(min, max) {
     return Math.random() * (max - min) + min;
 }

 function SetLocation() {
     var latitude = getRandomArbitary(1, 30);
     var longitude = getRandomArbitary(1, 30);
     var locationlatLng = new google.maps.LatLng(latitude, longitude);
     var marker = new google.maps.Marker({
         'position': locationlatLng,
         'map': map
     });
     google.maps.event.addListener(marker,'click',function(e){
        if (e && e.latLng) { 
          infowindow.setContent("location:" +e.latLng);
        } else {
          infowindow.setContent("location:" +marker.getPosition());
        }  
        infowindow.open(map,marker);
     });
     google.maps.event.trigger(marker,'click');

     map.panTo(locationlatLng);
 }
google.maps.event.addDomListener(window, 'load', pageLoad);