Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.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 谷歌地图缩放点击指针_Javascript_Html_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图缩放点击指针

Javascript 谷歌地图缩放点击指针,javascript,html,google-maps,google-maps-api-3,Javascript,Html,Google Maps,Google Maps Api 3,当我点击指针时,我正在尝试缩放地图。当我点击指针时,我还会显示一个信息框 function initMap() { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: uluru }

当我点击指针时,我正在尝试缩放地图。当我点击指针时,我还会显示一个信息框

  function initMap() {
      var uluru = {lat: -25.363, lng: 131.044};   
      var map = new google.maps.Map(document.getElementById('map'), {
               zoom: 4,
               center: uluru   }
               );

     var contentString = 'Info Box';

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

      var marker = new google.maps.Marker({
                position: uluru,
                map: map,
                title: 'Uluru (Ayers Rock)'   
                   });   
       marker.addListener('click', function() {
                          infowindow.open(map, marker);   
                            }); 
             }

现在,当我点击指针时,我想缩放屏幕,同时它会显示信息框

谢谢你的帮助。多谢各位

marker.addListener('click', function() {
  infowindow.open(map, marker);             
  map.setCenter(this.position);
  map.setZoom(5);
 }); 

演示小提琴:

给你,伙计。。。我还将其封装在自己的模块中

var MapModule = (function(){

    var map = null;
    var marker = null;

    function _initMap() 
    {
        var uluru = { lat: -25.363, lng: 131.044 };   
        map = new google.maps.Map(document.getElementById('map'), {
           zoom: 4,
           center: uluru   
        });

        var contentString = 'Info Box';

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

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

        marker.addListener('click', function() {
                infowindow.open(map, marker);             
                map.setCenter(this.position);
                map.setZoom(9);
            });
        });
    }

    return{

        initMap: _initMap()
    };

})();

MapModule.initMap;
或者,试试这个

    marker.addListener('click', function() {
            infowindow.open(map, marker);             
            map.setCenter(this.position);
            map.setZoom(9);
        });
    });

当然,这是可能的,到目前为止你尝试了什么?我已经开始尝试了,同时我已经在这里问了。如果你能在下面回答,那就太好了。谢谢@AdamJeffersI我是谷歌地图的新手。以前没用过,谢谢!我在等你的回答。太好了,谢谢。我想补充一点。你能帮我做一下僵尸化吗(当地图被缩放时,点击指针后,缩放就会被移除)?你能再描述一下你想要什么吗?伙计,我已经复制并粘贴了代码到我的html文件中,地图消失了!是的,非常感谢!您还应该考虑在某个时候将JS与HTML分开。将所有这些都内联在一起可能会让它在以后成为一场噩梦;)