Javascript 谷歌地图上信息窗口位置的自动调整
我有一个Django模板,带有谷歌地图v3和自定义信息窗口。在鼠标悬停事件上,JavaScript绘制我的信息框窗口,然后自动调整它在地图上的位置。贴图移动到窗口显示不重叠的位置。如何禁用调整Javascript 谷歌地图上信息窗口位置的自动调整,javascript,google-maps,infowindow,Javascript,Google Maps,Infowindow,我有一个Django模板,带有谷歌地图v3和自定义信息窗口。在鼠标悬停事件上,JavaScript绘制我的信息框窗口,然后自动调整它在地图上的位置。贴图移动到窗口显示不重叠的位置。如何禁用调整 var latlng = new google.maps.LatLng(47.517201, 7.03125); var map_options = { zoom: 2, center: latlng,
var latlng = new google.maps.LatLng(47.517201, 7.03125);
var map_options = {
zoom: 2,
center: latlng,
scrollwheel: false,
mapTypeControl: false,
streetViewControl: false,
overviewMapControl: false,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.TERRAIN,
};
var map = new google.maps.Map(document.getElementById("map"), map_options);
google.maps.event.addListener(map, 'zoom_changed', function() {
map.setOptions({scrollwheel: true});
});
var fm_infowindow = new Array();
var am_infowindow = new Array();
var pm_infowindow = new Array();
{% for object in future_object_list %}
var fm_latlng_{{ forloop.counter }} = new google.maps.LatLng({{object.abscissa}}, {{object.ordinate}});
var futuremap_{{ forloop.counter }} = new google.maps.Marker({
position: fm_latlng_{{ forloop.counter }},
map: map,
icon: '/media/images/dot-green.png',
});
fm_infowindow[{{ forloop.counter }}] = new InfoBox({
content: "<div style='width: 150px; float: left;'><img src='{% thumbnail object.photo 150x98 crop %}' alt='{{ object.title }}' /></div><div style='width: 150px; float: left; padding-left: 5px; font-size: 11px;'><b>{{ object.title }}</b><br /><br />{{ object.country.name }}, <nobr>{{ object.date|date:"F Y" }}</nobr><br /><br />{{ object.info }}</div>",
boxStyle: {
background: "url('/media/images/black_arrow_big.png') no-repeat",
width: "310px",
height: "165px",
padding: "40px 30px 10px 30px",
margin: "0px 0px 0px -185px",
},
closeBoxURL: '',
alignBottom: true,
});
google.maps.event.addListener(futuremap_{{ forloop.counter }}, 'mouseover', function() {
am_infowindow[1].close();
fm_infowindow[{{ forloop.counter }}].open(map, futuremap_{{ forloop.counter }});
});
google.maps.event.addListener(futuremap_{{ forloop.counter }}, 'mouseout', function() {
fm_infowindow[{{ forloop.counter }}].close(map, futuremap_{{ forloop.counter }});
});
{% endfor %}
var-latlng=new google.maps.latlng(47.517201,7.03125);
变量映射_选项={
缩放:2,
中心:拉特林,
滚轮:错误,
mapTypeControl:false,
街景控制:错误,
overviewMapControl:错误,
ZoomControl选项:{
样式:google.maps.ZoomControlStyle.SMALL
},
mapTypeId:google.maps.mapTypeId.TERRAIN,
};
var map=new google.maps.map(document.getElementById(“map”),map\u选项);
google.maps.event.addListener(映射'zoom_changed',函数(){
setOptions({scrollwheel:true});
});
var fm_infowindow=新数组();
var am_infowindow=新数组();
var pm_infowindow=新数组();
{未来对象的百分比\u对象\u列表%}
var fm_latlng{{forloop.counter}}=new google.maps.latlng({{object.abscissa},{{object.ordiom}});
var futuremap{{{forloop.counter}}=new google.maps.Marker({
位置:fm_latlng_{{forloop.counter},
地图:地图,
图标:'/media/images/dot green.png',
});
fm_infowindow[{{forloop.counter}}]=新信息框({
内容:“{object.title}}
{{{object.country.name},{{object.date}日期:{fy}
{{object.info}”,
boxStyle:{
背景:“url('/media/images/black_arrow_big.png')不重复”,
宽度:“310px”,
高度:“165px”,
填充:“40px 30px 10px 30px”,
边距:“0px 0px 0px-185px”,
},
closeBoxURL:“”,
是的,
});
google.maps.event.addListener(futuremap{{{forloop.counter}},'mouseover',function(){
am_信息窗口[1]。关闭();
fm_infowindow[{{forloop.counter}}]。打开(map,futuremap{{{forloop.counter});
});
google.maps.event.addListener(futuremap{{{forloop.counter}},'mouseout',function(){
fm_infowindow[{{forloop.counter}}]。关闭(map,futuremap{{{forloop.counter});
});
{%endfor%}
我正在使用该库,它的属性“disableAutoPan”作为信息窗口。
我正在使用那个库,它的属性“disableAutoPan”作为信息窗口