Tag: 谷歌 MAPS API 3

使用API V3的主要Google Maps故障: 编辑：现在已经解决了，请参阅下面的答案情况：用户点击地图图片谷歌地图API V3通过ajax加载地图显示在对话框窗口/灯箱中怎么了：地图显示并且所有function都有效，但是地图的左上角“正方形”会出现故障。我被卡住了！编辑：现在使用代码： $(function() { var latlng = new google.maps.LatLng(51.448359,-2.590559); var options = { zoom: 13, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(‘map_canvas’), options); var marker = new google.maps.Marker({ position: new google.maps.LatLng(51.448359,-2.590559), map: map }); })

谷歌地图v3，动画多线之间的两个点: 到目前为止，在我的页面上，我可以设置两点之间的折线动画，但我无法弄清楚如何做更多的事情。例1 setTimeout(function() { flightPath.setMap(map); flightPathProgress.setMap(map); flightPathProgress.setOptions({ strokeOpacity: 0 }); var progress = 0; var intvl = setInterval(function() { progress += 0.01; if (progress > 1) { clearInterval(intvl); running = false; } else { // animation is still running running = true; } // calculate progress var progressLatLng = google.maps.geometry.spherical.interpolate(postcode_1_lat_lng, postcode_4_lat_lng, progress); // update polyline […]

Google Maps API v3：routeIndex无效？: 我正在使用Google Maps API v3，并尝试提供“显示下一个路线”按钮，用户可以循环浏览所有可用路线。我已经显示了第一条路线，但是当我使用DirectionsRenderer类的routeIndex属性时，它只返回第一条路线。难道我做错了什么？代码贴在下面。我一直在使用的测试路线共有三条路线。如果我将routeIndex属性设置为1，它仍然显示数组中的第一个路由（基本上是routeIndex [0]）。 function showDirections() { // show contact buttons $(“.contact-route-button”).css({display:”block”}); // add 1 to count count++; // If this function has been run before, clear the directions if(count > 1){ // Clear map directionsDisplay.setMap(null); //Clear Route List document.getElementById(‘directions’).innerHTML = “”; } // Set map to render directions […]

谷歌地图在左上角: 我想以100％的宽度显示谷歌地图。但我遇到了这个问题。它仅显示在左上角 View post on imgur.com 我也用jquery切换这个地图。这是我的代码 function initialize() { var latitude = 48.3592727; var longitude = -2.6350914; var zoom = 8; var LatLng = new google.maps.LatLng(latitude, longitude); var mapOptions = { zoom: zoom, center: LatLng, panControl: false, zoomControl: false, scaleControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(‘map-nos-agences’), mapOptions); google.maps.event.trigger(map, ‘resize’); […]

选择不同的经度和纬度值并找到它们的中位数: 我正在使用Google Maps API V3和jQuery创建一个Phonegap应用程序。当检测到坑洞时，应用程序将经度和纬度值分别存储在MySQL数据库中。我需要做的是选择任何相对较近的值，并且很可能是相同的坑洞。有没有办法在jQuery / PHP / SQL中获取相对接近的值，找到它们的平均点然后使用该值继续处理其他一些东西？基本上我需要的是，一旦检测到特定的坑洞5次，它将在谷歌地图上绘制。但是，只有达到此阈值。困难在于，根据报告它的设备的准确性，可能在略微不同的经度和纬度值下报告相同的坑洞。

获得正确的地图边界: 我用的很简单： var ne = gMap.getBounds().getNorthEast(),sw = gMap.getBounds().getSouthWest(); 获得地图边界的长度当地图如下时，它工作正常：但是当地图是这样的时候：东北纬度为63.821287740550275, -179.73632762500006 。这产生了一个问题，因为这个纬度与西南部几乎相同，导致它们之间没有区域。有没有办法获得所需的值，如果它越过线，就像一个最大值。

如何删除google maps api 3的折线: 有人能告诉我为什么我不能用这段代码删除我的折线： $(“#chkRouteLines”).click(function () { var polyline = new google.maps.Polyline({ path: positions, strokeColor: “#FF0000”, strokeOpacity: 1.0, strokeWeight: 2, visible: true }); ; if ($(this).is(‘:checked’)) { polyline.setMap(map); } else { polyline.setMap(null); } }) 我在谷歌地图api 3的文档中找到了我需要做的事：setMap（null）..但这不起作用。谢谢！

drawingManager.setDrawingMode（null）导致过多的递归: 请查看这个小提琴， http：//jsfiddle.net/HoffZ/Zu55b/ 为什么它会在drawMan.setDrawingMode(null)上导致错误“过多的递归” drawMan.setDrawingMode(google.maps.drawing.OverlayType.POLYGON); google.maps.event.addListener(drawMan, ‘overlaycomplete’, function (event) { // When draw mode is set to null you can edit the polygon you just drawed drawMan.setDrawingMode(null); }); 这不是我的小提琴，但我在我的代码中遇到了这个问题

预加载Google地图的标记图像: 我正在使用Google Maps V3 API创建一个谷歌地图，其中标记会在鼠标hover时更改其标记图标。但是我注意到，一旦用户第一次使用该特定标记，以及每个标记，图标就会闪烁，我猜这是因为鼠标hover图像需要一些时间才能下载。为了解决这个问题，我正在考虑预加载鼠标hover图标图像。我怎样才能做到这一点？

google places api autocomplete – 添加点击事件: 我将搜索结果附加到谷歌地方javascript api autocomplete。到目前为止我这样做： var autocomplete; function initialize() { var myLatlng = new google.maps.LatLng(40.738793, -73.991402); autocomplete = new google.maps.places.Autocomplete(document.getElementById(‘autocomplete’)); } 后来我有这个： $(‘.pac-container’).append( ‘Search Results’ ); $(document.body).on(‘click’, ‘.pac-container .j-search’, function(e) { console.log(‘click fired’); }); 问题？点击事件永远不会触发…… 知道为什么吗？我的代码出了什么问题？