Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.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_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图导航按钮错误

Javascript 谷歌地图导航按钮错误,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在尝试修复在我的网站中嵌入谷歌地图时遇到的这个随机错误。除了导航按钮全部错位/损坏的部分外,一切正常 下面是一个屏幕截图来解释我在说什么(以红色突出显示) 右边应该是这样的: 我不知道如何着手解决这个问题,如果以前有人遇到过同样的问题,我将非常感谢您的帮助 代码如下: function initialize() { var latlng = new google.maps.LatLng(57.0442, 9.9116); v

我正在尝试修复在我的网站中嵌入谷歌地图时遇到的这个随机错误。除了导航按钮全部错位/损坏的部分外,一切正常

下面是一个屏幕截图来解释我在说什么(以红色突出显示)

右边应该是这样的:

我不知道如何着手解决这个问题,如果以前有人遇到过同样的问题,我将非常感谢您的帮助

代码如下:

function initialize() {
                var latlng = new google.maps.LatLng(57.0442, 9.9116);
                var mapOptions = {
                    zoom: 15,
                    center: latlng,
                    mapTypeControl: true,
                    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR},
                    navigationControl: true,
                    navigationControlOptions: {style: google.maps.NavigationControlStyle.LARGE},
                    mapTypeId: google.maps.MapTypeId.ROADMAP};
 
    var map = new google.maps.Map(document.getElementById("location-canvas"), mapOptions);

    var contentString = '<div id="content">'+
                    '<div id="siteNotice">'+
                    '</div>'+
                    '<h1 id="firstHeading" class="firstHeading">Høgenhaug</h1>'+
                    '<div id="bodyContent">'+
                    '<p id="maps">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
                    '</div>'+
                    '</div>';

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


                var companyImage = new google.maps.MarkerImage('img/maps/logo.png',
                    new google.maps.Size(100,50),
                    new google.maps.Point(0,0),
                    new google.maps.Point(50,50)
                );

                var companyShadow = new google.maps.MarkerImage('img/maps/logo_shadow.png',
                    new google.maps.Size(130,50),
                    new google.maps.Point(0,0),
                    new google.maps.Point(65, 50));

                var companyPos = new google.maps.LatLng(57.0442, 9.9116);

                var companyMarker = new google.maps.Marker({
                    position: companyPos,
                    map: map,
                    icon: companyImage,
                    shadow: companyShadow,
                    title:"Høgenhaug",
                    zIndex: 3});

                        
google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addListener(companyMarker, 'click', function() {
                    infowindow.open(map,companyMarker);
                });

}
函数初始化(){
var latlng=新的google.maps.latlng(57.0442,9.9116);
变量映射选项={
缩放:15,
中心:拉特林,
mapTypeControl:true,
mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.HORIZONTAL_BAR},
导航控制:对,
navigationControlOptions:{style:google.maps.NavigationControlStyle.LARGE},
mapTypeId:google.maps.mapTypeId.ROADMAP};
 
var map=new google.maps.map(document.getElementById(“位置画布”),mapOptions);
var contentString=''+
''+
''+
“Høgenhaug”+
''+
“

Lorem ipsum door sit amet,concetetur adipising elit,sed do eiusmod temporal incidedut ut laboure and dolore magna aliqua.ut enim and minim veniam,quis nostrud execution ullamco laboratoris nis and aliquip ex ea commodo consequat.

”+ ''+ ''; var infowindow=new google.maps.infowindow({ 内容:contentString }); var companyImage=new google.maps.MarkerImage('img/maps/logo.png', 新谷歌地图大小(100,50), 新google.maps.Point(0,0), 新谷歌地图点(50,50) ); var companyShadow=new google.maps.MarkerImage('img/maps/logo_shadow.png', 新谷歌地图尺寸(130,50), 新google.maps.Point(0,0), 新的google.maps.Point(65,50)); var companyPos=new google.maps.LatLng(57.0442,9.9116); var companyMarker=new google.maps.Marker({ 职位:companyPos, 地图:地图, 图标:公司形象, 阴影:公司阴影, 标题:“Høgenhaug”, zIndex:3});                          google.maps.event.addDomListener(窗口“调整大小”,初始化); google.maps.event.addDomListener(窗口“加载”,初始化); google.maps.event.addListener(companyMarker,'click',function(){ 打开(地图,公司营销); }); }

谢谢

我曾经在地图上放过这个。尝试将此添加到CSS中:

#location-canvas img {
  max-width: none;
}

您正在使用一些样式化
的东西,例如bootstrap。哇,它成功了!覆盖maps
img
元素是一种覆盖声明。我甚至没有注意到这是一张图片。是的,如果你看一下我贴的那份副本中的评论,你就会知道发生了什么。