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分开。将所有这些都内联在一起可能会让它在以后成为一场噩梦;)