jjzjj

​​Maps

全部标签

javascript - google.maps.event.addDomListener mousedown 在 Firefox 上

这段代码有问题。在div上鼠标按下后,map在Firefox上并没有立即变为“不可拖动”,但在Chrome上是可以的。google.maps.event.addDomListener(div,'mousedown',function(e){console.log("draggableSTART",map.get('draggable'));map.set('draggable',false);console.log("draggableEND",map.get('draggable'));google.maps.event.trigger(map,'resize');});这是一个fi

javascript - Google Maps V3 Circle 和我创建的 Circle 不匹配

我使用GoogleMapsV3API创建了一个圆,还尝试制作了一个具有相同半径的标记圆。问题:我创建的是倾斜的,而谷歌地图创建的是一个漂亮的圆圈。出了什么问题?GooglemapV3圆代码//Drawsearchcirclesearch_circle=newgoogle.maps.Circle;search_circle.setCenter(target_latlng);search_circle.setRadius(travel_time*average_speed);search_circle.setMap(map); 最佳答案

javascript - 在单页应用程序上重用 Google Maps API 实例

假设我有一个单页应用程序(AngularJS应用程序),我在元素idgoogleMap上绘制了一个GoogleMap实例-varmapInstance=newgoogle.maps.Map(document.getElementById(`googleMap`),mapOption)然后我在应用程序路由中导航,由于这个原因,破坏了googleMapDOM元素,最后我回到了这个元素的路线,现在我必须在这个元素上重新绘制map.重新绘制map的正确方法是什么?正如我在thisanswer中读到的那样我不必重新创建它,而是使用相同的实例。 最佳答案

javascript - VueJS : Google Maps loads before data is ready - how to make it wait?(Nuxt)

这是我的第一个VueJS项目,我已经启动并运行了vue2-google-maps,但是当我尝试将map标记连接到我网站的JSON提要时遇到了一个问题(使用WordpressRESTAPI),Lat和Lng值返回undefined或NaN。经过进一步调查(感谢下面的@QuỳnhNguyễn),似乎在数据准备好之前运行了Googlemap实例。我曾尝试在初始化map之前观察要加载的提要,但它似乎不起作用。标记位置使用JSON从WordPressRESTAPI提取并存在于数组(位置)中。该数组存在并填充在VueDevTools(51条记录)中,但在检查mounted时,该数组为空。数据是在c

javascript - Google Maps Marker Cluster示例

我正在寻找一个googlemapsmarker集群apiv3的基本示例。我已经看过这个例子了,但是我做不好。请帮我举一个用这些数据绘制集群的例子:varmacDoList=[{lat:49.00408,lng:2.56228,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:49.00308,lng:2.56219,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:48.93675,lng:2.35237,data:{drive:false,z

javascript - Google Maps API 加载失败 ("' google' is undefined") in IE8

当我加载http://maps.google.com/maps/api/js?sensor=false时在脚本标签中,我在Chrome、Safari、Firefox和IE9中一切正常。但是,当我在兼容模式中查看IE9(或者,有人告诉我,在IE8中)时,map不会加载并且“'google'未定义”"记录在控制台中。这是相关代码,触发错误的行用注释标识:TestMapvarlat=37.763154;varlon=-122.457941;varinitialZoom=17;varmapTypeId='CustomMap';varmapStyle=[{featureType:"landsca

javascript - Javascript中的Google Maps API,绘制圆的半径?

我正在寻找一种方法来绘制圆的半径或从圆的中心到圆的边缘的线(在以度为单位的精确坐标处)。这可能吗?怎么办?目前,我用API从我的map中心画了一个圆圈。我不认为它有帮助...我想要的示例:http://twitpic.com/aq40vvvarsunCircle={strokeColor:"#c3fc49",strokeOpacity:0.8,strokeWeight:2,fillColor:"#c3fc49",fillOpacity:0.35,map:map,center:latlng,radius:1500};cityCircle=newgoogle.maps.Circle(sun

javascript - 带有 OpenWeatherMap 瓦片图层覆盖的 Google Maps Javascript API

如何在GoogleMapsAPI3上叠加XYZ切片集(somethinglikethis)?我想叠加天气数据(云层......等)。欢迎使用我的OpenWeatherMapsURL对其进行测试:http://maps.owm.io:8091/56ce0fcd4376d3010038aaa8/{z}/{x}/{y}?hash=5我花了很多天的时间试图找出这个看似简单的功能。如果有人可以提供一个工作示例,我将欠你的债。随时查看我的GitHubGistimplementationusingOL3andOSM这个天气数据叠加。我也很想知道这是否不容易实现/需要黑客攻击。谢谢!更新:感谢@wf9

javascript - Google Maps API (JS) 在航点中使用 PlaceId 创建路线

仅当我使用LatLng或String参数时才创建路由,但我需要通过PlaceId创建它,但它不起作用例子:directionsService.route({origin:{'placeId':'ChIJc1lGdwfP20YR3lGOMZD-GTM'},destination:{'placeId':'ChIJdTGhqsbP20YR6DZ2QMPnJk0'},waypoints:[{stopover:true,location:newgoogle.maps.Place('ChIJRVj1dgPP20YRBWB4A_sUx_Q')}],optimizeWaypoints:true,tra

javascript - 什么时候需要 Google Maps API key ?

最近Google更改了有关使用APIkey的政策。您现在应该不再需要APIkey即可将Googlemap放置在您的网站上。这非常有效。但是现在我在我的本地主机上运行了这张map(没有APIkey),它工作正常。但是,一旦我将它放到网上,就会弹出一个窗口,提示我需要另一个APIkey。在该网站的另一个页面上,谷歌地图确实有效。这可能与不起作用的map上有很多(30多个)标记有关吗?实际上,使用APIkey对我来说并不是一个很好的解决方案,因为这是许多网站上使用的Wordpress插件的一部分。 最佳答案 听起来你正在运行v2~是时候升