草庐IT

MAPS_RECEIVE

全部标签

javascript - 如何使用google maps api V3计算两个城市之间的距离

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion如何计算行车距离?我找不到一个有效的例子,任何人都可以帮助我吗?谢谢。编辑:更多信息:我有两个文本输入来输入城市。在更改时,我只想显示/更新另一个div中的距离。

javascript - Google Maps API 显示空白 map

我确定这是一个基本问题,但我现在已经用头撞墙太多次了,所以希望有人能可怜我!我有以下示例,但它只是显示一个灰色框,根本没有map。谁能告诉我为什么?我已经检查过我实际上返回了一个结果,它似乎工作正常。html,body,#map-canvas{margin:0;padding:0;height:100%;}vargeocoder;varmap;functioninitialize(){geocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':"England"},function(results,status){if(

javascript - Google Maps API - 数组和 InfoWindows 的问题

抱歉,如果这是微不足道的,但我是JS的新手,并且已经解决这个问题几个小时但无济于事。functioninitialize(){geocoder=newgoogle.maps.Geocoder();varlatlng=newgoogle.maps.LatLng(-34.397,150.644);varmyOptions={zoom:12,center:latlng,mapTypeId:google.maps.MapTypeId.ROADMAP}map=newgoogle.maps.Map(document.getElementById("map_canvas"),myOptions);}

javascript - Google Maps API - 奇怪的 map "Offset"行为

我在网页上的表单旁边添加了一张map。这个想法是人们可以注册,当他们输入他们的地址并点击搜索时,它会标记他们的房子,他们必须在提交表格之前这样做(地理定位在我的网站上起着很大的作用)。不幸的是,我已经添加了map,但在map窗口中map本身似乎发生了偏移。请参见下图来说明我的意思:我只能从框的“映射”部分中拖动map。如果我选择灰色区域来拖动map,它会失败。有什么想法会导致这种情况吗?编辑:这是我的map初始化Javascript,在页面加载时调用。geocoder=newgoogle.maps.Geocoder();varlatlng=newgoogle.maps.LatLng(5

javascript - 可以缓存 Google Maps API javascript 吗?

只是好奇,GoogleMapsAPIv3javascript是否缓存在本地服务器上?因为,有时我的Intranet页面加载速度很慢,因为互联网连接速度较慢。否则,它会从本地服务器加载文件,并且只有在发出map请求时才会减慢速度。我什至准备运行一个cron作业来偶尔更新javascript文件。感谢任何输入。 最佳答案 “按原样”是不可能的。当您从Google请求脚本时,他们会随脚本发送header,这些header包含“无缓存”指令。所以如果你想让它们可缓存,你必须创建一个代理。您无需将脚本src指向Google,而是将其指向您的服

javascript - 向 Google Maps API 调用添加 promise

我需要从Javascript/jQuery中的函数返回一个数组,但该函数在设置数组之前返回(因为它是AJAX调用)。有人建议我使用promise,但我以前没有使用过它们,而且到目前为止还无法将其实现到我的代码中。这是我的代码:mapClass.setLatLng=function(location,clubs){document.geoCodeRequestCompleteFlag=0;geocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':location},function(results,status){//c

javascript - Google Maps API - 标记工具提示

我现在遇到一点问题,我的谷歌地图标记标题没有显示。这是我的第一张map,我不太确定我做错了什么。一切正常,并且显示了标记,但当您单击/将鼠标悬停在标记上时,工具提示或标题却没有显示,而它应该显示。任何帮助都很棒!functioninitialize(){//setmapOptionsvarmapOptions={center:newgoogle.maps.LatLng(40,-20),zoom:3,mapTypeId:google.maps.MapTypeId.ROADMAP,styles:[{"featureType":"landscape","stylers":[{"saturat

javascript - Google Maps API v3 - 标记全部共享相同的信息窗口

我到处都在四处挖掘,但我似乎无法弄清楚这一点。这让我疯狂!一般来说,我是javascript的新手,所以我不能完全理解可以解决我的问题的翻译。我注意到很多人都有这个问题,但他们似乎都使用了比我更高级(或只是令人困惑)的代码。无论如何,开始吧!我一直遇到的问题是我的所有标记共享相同的内容。functioninitialize(){varmyOptions={center:newgoogle.maps.LatLng(34.151271,-118.449537),zoom:9,mapTypeId:google.maps.MapTypeId.ROADMAP,mapTypeControl:fal

javascript - Google Maps V3 API key 无效 - 但我的个人开发 key 有效

我最近一直在开发将我们的map升级到v3,在开发过程中我使用了我自己的个人key。一切正常。到了投入生产的时候,我让某人通过公司的谷歌帐户生成了一个key,但现在它不起作用了。我坐在他们旁边,确保他们正在生成浏览器key,而且我很确定“引荐来源网址”部分下的域是正确的,同时匹配:.mydomain.com/我的域名.com/*我已确认我们正在为浏览器应用程序使用Key。我已通过服务面板确认GoogleMapsAPIv3已打开。一切都和我用key做的一样。我认为唯一的区别是他们在公司帐户上启用了计费,而我的key没有。我们希望将其从我的key中移除,因为它在我的帐户上收到的观看次数超过了

javascript - Google Maps API - 为什么标签不与标记一起动画?

我创建了一个Googlemap并向其添加了一些标记。每个标记都有一个单字母标签(“A”、“B”、“C”)。然后我为每个标记制作动画以弹跳。除了一个恼人的异常(exception),一切正常:标签(“A”、“B”、“C”)不会随着标记一起弹跳,所以它看起来很奇怪。JS/jQuery如下。Ialsohaveacodepenhereshowingtheissue.关于如何让标签与标记一起弹跳有什么建议吗?$(function(){varmap;varlabels='ABCDEFGHIJKLMNOPQRSTUVWXYZ';varlabelIndex=0;varmarkers=[];//Mapl