谷歌地图 api javascript 在 mozilla 中不起作用

     2023-02-23     187

关键词:

【中文标题】谷歌地图 api javascript 在 mozilla 中不起作用【英文标题】:Google maps api javascript doesn't work in mozilla 【发布时间】:2015-04-06 16:05:53 【问题描述】:

我在 google maps api 页面上找到了一个脚本,用户可以在其中选择位置并将数据发送到 PHP -> MySQL。它在 chrome 和 IE 中运行良好,但是当我尝试在 mozilla 中保存位置时,它所做的只是刷新父页面。 我对javascript几乎一无所知,所以如果有人能找到错误,将不胜感激:)

代码

<!DOCTYPE html >
    <head>
        <meta name=viewport content='initial-scale=1.0, user-scalable=no' />
        <meta http-equiv='content-type' content='text/html; charset=UTF-8'/>
        <title>Google Maps JavaScript API v3 Example: Map Simple</title>
        <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js'></script>
        <script type='text/javascript'>
            var marker;
            var infowindow; 

            function initialize() 
                var latlng = new google.maps.LatLng(33.137550, -42.187500);
                var options =  
                    zoom: 1, 
                    center: latlng, 
                    mapTypeId: google.maps.MapTypeId.ROADMAP    
                
                var map = new google.maps.Map(document.getElementById('map-canvas'), options);
                var html = "<table><tr><td><input type='button' value='Save Location' onclick='saveData(), window.parent.location.reload();'/></td></tr></table>";
                infowindow = new google.maps.InfoWindow(
                    content: html
                );

                function addMarker(location) 
                    if (!marker) 
                        marker = new google.maps.Marker(
                            position: location,
                            map: map
                        );
                    
                    else  marker.setPosition(location); 
                

                google.maps.event.addListener(map, 'click', function(event) 
                    addMarker(event.latLng);
                    google.maps.event.addListener(marker, 'click', function() 
                        infowindow.open(map, marker);
                    );
                );
               

            function saveData() 
                var latlng = marker.getPosition();
                var url = 'insert_location.php?lat=' + latlng.lat() + '&lng=' + latlng.lng();
                downloadUrl(url, function(data, responseCode) 
                    if (responseCode == 200 && data.length >= 1) 
                        infowindow.close();
                    
                );
            

            function downloadUrl(url, callback) 
                var request = window.ActiveXObject ?
                    new ActiveXObject('Microsoft.XMLHTTP') :
                new XMLHttpRequest;

                request.onreadystatechange = function() 
                    if (request.readyState == 4) 
                        request.onreadystatechange = doNothing;
                        callback(request.responseText, request.status);
                    
                ;

                request.open('GET', url, true);
                request.send(null);
            

            function doNothing() 


        </script>
    </head> 
    <body style='margin:0px; padding:0px;' onload='initialize()'>
        <div id='map-canvas' style='width: 100%; height: 800px'></div>
        <div id='message'></div>
    </body>
</html>

【问题讨论】:

window.parent.location.reload 在里面做什么? 【参考方案1】:

默认情况下,Javascript 并未关闭,但您的可能已关闭。

如果您想开启 Javascript,请执行以下操作:

在地址栏中输入 about:support,然后按 Enter 接受警告 搜索 javascript.enabled 确保该值为真。 (如果不是,请双击它)

像这样的陈述——“我对javascript一无所知”对你没有帮助。在您来这里要求我们其他人为您解决问题之前,请付出一些努力和研究。

【讨论】:

谷歌地图 API - 按地址添加标记 javascript

】谷歌地图API-按地址添加标记javascript【英文标题】:GooglemapsAPI-addmarkerbyaddressjavascript【发布时间】:2018-04-0218:46:33【问题描述】:我有带有地址的地点数据库,我想在谷歌地图上添加标记。它只显示默认标记,似乎geocoder.geocode... 查看详情

在谷歌地图javascript api中 - 如何移动地图而不是标记

】在谷歌地图javascriptapi中-如何移动地图而不是标记【英文标题】:Ingooglemapsjavascriptapi-howtomovemapnotmarker【发布时间】:2022-01-2405:56:38【问题描述】:目前我有一个小项目需要使标记静态并将地图移动到地图上的标记显示-我希望... 查看详情

移动谷歌地图中心javascript api

】移动谷歌地图中心javascriptapi【英文标题】:Movegooglemapcenterjavascriptapi【发布时间】:2012-09-2320:07:18【问题描述】:在我的项目中,我想将地图中心移动到新坐标。这是我的地图代码functioninitialize()varmapOptions=center:newgoogle.maps.LatL... 查看详情

谷歌地图 API 变化?

...今天凌晨,一切都运行良好,但地图突然停止加载。没有JavaScript错误,打开的图层和谷歌仍在初始化,数据点仍在各自的位置绘制,但地图没有加载。以下是我正在使用的资源:<s 查看详情

javascript谷歌地图api3变得简单(代码片段)

查看详情

javascript检查文件是不是存在与谷歌地图api

】javascript检查文件是不是存在与谷歌地图api【英文标题】:javascriptcheckingiffileexistswithgooglemapsapijavascript检查文件是否存在与谷歌地图api【发布时间】:2016-06-0700:35:56【问题描述】:我正在尝试检查图像是否存在,以便我可以相... 查看详情

谷歌地图(javascript API):从地址获取 GPS 坐标

】谷歌地图(javascriptAPI):从地址获取GPS坐标【英文标题】:GoogleMaps(javascriptAPI):getGPScoordinatesfromaddress【发布时间】:2012-02-1610:07:42【问题描述】:我需要计算两个地址之间的距离,我不需要地图视图或任何图形。我只是想让... 查看详情

谷歌地图 javascript api 没有给我任何地址

】谷歌地图javascriptapi没有给我任何地址【英文标题】:googlemapsjavascriptapidoesnotgetmeanyadress【发布时间】:2016-06-0815:19:14【问题描述】:我正在使用此代码,functioninitMap()vardirectionsService=newgoogle.maps.DirectionsService;vardirectionsDisplay=newg... 查看详情

错误:谷歌地图 API 错误:MissingKeyMapError

...发布时间】:2016-10-2518:30:42【问题描述】:突然出现以下JavaScript错误:GoogleMapsAPI错误:GoogleMapsAPI错误:MissingKeyMapError【问题讨论】:您是否在API包含中包含密钥?我需要补充的一点是,除了api 查看详情

谷歌地图 API 不在不同的大陆上绘制

...参考了以下页面:https://developers.google.com/maps/documentation/javascript/directions“在路线部分使用航点”并对其进 查看详情

如何在 asp.net 页面中使用 javascript 在谷歌地图上显示点?

】如何在asp.net页面中使用javascript在谷歌地图上显示点?【英文标题】:Howtoshowpointonthegooglemapwithjavascriptinasp.netpage?【发布时间】:2015-07-2014:26:08【问题描述】:我正在为从asp按钮显示获取点编写此代码并在地图上显示该点:<s... 查看详情

如何使用坐标数组在谷歌地图 API 中绘制多边形?

...rdinates?【发布时间】:2016-07-2213:27:44【问题描述】:我是JavaScript新手,我正在尝试使用googlemapAPI来绘制多边形。google.maps.Polygons函数中的默认路径接受以下格式的JSON:vartrianglecoords=[la 查看详情

谷歌地图api清除标记[重复]

...是我的代码。删除覆盖的函数是filtermark()。对不起,我是javascript的菜鸟。functionl 查看详情

java示例代码_将经纬度传递给谷歌地图JavaScript API v3方向服务

java示例代码_将经纬度传递给谷歌地图JavaScript API v3方向服务 查看详情

如何在 Maps Javascript api 中制作谷歌标记? [关闭]

】如何在MapsJavascriptapi中制作谷歌标记?[关闭]【英文标题】:HowcanImakeagooglemarkerinMapsJavascriptapi?[closed]【发布时间】:2020-11-2715:47:52【问题描述】:我正在研究googlemapsapi。地图通过鼠标单击显示纬度和经度事件。现在我想做一个... 查看详情

谷歌地图 API 错误:DeletedApiProjectMapError

...使用谷歌地图。我使用下面的googleAPI脚本<scripttype="text/javascript"src="https://maps.googleapis.com/maps/api/ 查看详情

如何使用 Google Maps JavaScript API v3 在谷歌地图中获取查看区域中心的坐标

】如何使用GoogleMapsJavaScriptAPIv3在谷歌地图中获取查看区域中心的坐标【英文标题】:howtogetcoordinatesofthecenteroftheviewedareaingooglemapsusingGoogleMapsJavaScriptAPIv3【发布时间】:2012-04-0607:49:50【问题描述】:如何使用javascriptGoogleMapsJavaScrip... 查看详情

如何使用javascript在谷歌地图中的多个标记之间绘制路线图

】如何使用javascript在谷歌地图中的多个标记之间绘制路线图【英文标题】:HowtodrawRoutemapbetweenmultiplemarkersingooglemapsusingjavascript【发布时间】:2018-01-0217:24:06【问题描述】:我使用谷歌地图API开发了地图。标记通过适当的标签可... 查看详情