Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.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_Google Maps_Infowindow - Fatal编程技术网

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,

我有一个Django模板,带有谷歌地图v3和自定义信息窗口。在鼠标悬停事件上,JavaScript绘制我的信息框窗口,然后自动调整它在地图上的位置。贴图移动到窗口显示不重叠的位置。如何禁用调整

       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”作为信息窗口