草庐IT

​​Maps

全部标签

javascript - 如何对 Google Maps API 进行跨域 AJAX 调用?

我正在尝试对GoogleMapsGeocodingwebservice进行jQuery$.getJSON调用,但由于跨域安全问题,这不起作用。我一直无法在网上弄明白,但我已经阅读了一些关于GoogleJavascriptAPI或JSONP的内容,但到目前为止还没有明确的答案......谁能启发我?谢谢! 最佳答案 我看不出使用Server-sideGeocodingWebService有什么好处当Googlemap提供全功能Client-sideGeocodingAPI用于JavaScript。首先,这会自动解决您的同源问题,此外,

javascript - 如何使用 google maps api 制作自动完成地址字段?

使用GoogleMapsAPI和JQuery,我希望有一个地址字段,在输入时会自动完成输入的地址。如何实现? 最佳答案 好吧,迟到总比不到好。GooglemapAPIv3现在提供地址自动完成功能。API文档在这里:http://code.google.com/apis/maps/documentation/javascript/reference.html#Autocomplete一个很好的例子在这里:http://code.google.com/apis/maps/documentation/javascript/examples

javascript - 在 Google Maps API 中使用地址而不是经度和纬度

我听说可以提交一个地址而不是经度和纬度,这对我的系统来说更可行。用户在创建个人资料时必须输入他们的地址,之后他们的个人资料将显示他们家的谷歌地图。我目前拥有与经度和纬度完美配合的GoogleMapsAPI:LoginPagehtml{height:100%}body{height:100%;margin:0;padding:0}#map-canvas{height:100%}functioninitialize(){varmapOptions={center:newgoogle.maps.LatLng(52.640143,1.28685),zoom:15,mapTypeId:googl

javascript - 当嵌套在 div 标记中时, map 不会显示在 Google Maps JavaScript API v3 上

我正在尝试将div在另一个中显示map(div)的标签,但它不会以这种方式显示map。是CSS还是JavaScript问题?或者这只是API的工作方式?这是我的代码,嵌套了div:SimpleMaphtml,body,#map-canvas{margin:0;padding:0;height:100%;}varmap;functioninitialize(){varmapOptions={zoom:8,center:newgoogle.maps.LatLng(-34.397,150.644),mapTypeId:google.maps.MapTypeId.ROADMAP};map=ne

javascript - Google Maps API v3 信息窗口关闭事件/回调?

我喜欢跟踪在我的Googlemap界面上打开的所有信息窗口(我将它们的名称存储在一个数组中),但是当它们关闭时,我不知道如何从我的数组中删除它们每个右上角的“x”。是否有某种我可以监听的回调?或者也许我可以做类似的事情addListener("close",infowindow1,etc? 最佳答案 有一个infowindows事件调用closeclick可以帮助你varcurrentMark;varinfoWindow=newgoogle.maps.InfoWindow({content:'imaninfowindows'});g

javascript - 使用 fitBounds 时 Google Maps v3 : Enforcing min. 缩放级别

我正在map上绘制一系列标记(使用mapAPI的v3)。在v2中,我有以下代码:bounds=newGLatLngBounds();...loopthruandputmarkersonmap...bounds.extend(point);...endloopingmap.setCenter(bounds.getCenter());varlevel=map.getBoundsZoomLevel(bounds);if(level==1)level=5;map.setZoom(level>6?6:level);这可以很好地确保map上始终显示适当级别的详细信息。我试图在v3中复制此功能,但s

javascript - 在将 fitBounds() 与 Google Maps API V3 结合使用后使用 setZoom()

我正在使用fitBounds()在我的map上设置缩放级别,包括当前显示的所有标记。但是,当我只有一个标记可见时,缩放级别为100%(...我认为缩放级别为20...)。但是,我不希望它放大那么远,这样用户就可以调整标记的位置而不必缩小。我有以下代码:varmarker=this.map.createMarker(view.latlng,this.markerNumber);this.map.bounds.extend(view.latlng);this.map.map.setCenter(this.map.bounds.getCenter());this.map.map.fitBou

javascript - 如何偏移 Google maps api V3 中的中心点

我有一张谷歌地图,其中半透明面板覆盖了部分区域。我想调整map的中心点以考虑到部分被遮挡的map部分。请参见下图。理想情况下,放置十字准线和图钉的位置将是map的中心点。我希望这是有道理的。原因很简单:当您缩放时,它需要将map置于十字准线的中心,而不是50%50%。此外,我将在map上绘制标记并按顺序移动它们。本地图以它们为中心时,它们也需要处于偏移位置。提前致谢! 最佳答案 一旦找到therelevantpreviousanswer,这并不是特别困难.您需要将map的中心转换为其世界坐标,找到map需要居中的位置以将表观中心放在

javascript - 在 Google Maps API v3 中只打开一个信息窗口

我只需要在我的Googlemap上打开一个信息窗口。在打开新的InfoWindows之前,我需要关闭所有其他InfoWindows。谁能告诉我怎么做? 最佳答案 您只需创建一个InfoWindow对象,保留对它的引用,然后将if用于所有标记。QuotingfromtheGoogleMapsAPIDocs:Ifyouonlywantoneinfowindowtodisplayatatime(asisthebehavioronGoogleMaps),youneedonlycreateoneinfowindow,whichyoucanre

javascript - Google maps API V3 - 在完全相同的地方有多个标记

有点卡在这个上。我正在通过JSON检索地理坐标列表并将它们弹出到谷歌地图上。除了我在完全相同的位置上有两个或更多标记的情况外,一切都运行良好。API仅显示1个标记-最上面的一个。我想这很公平,但我想找到一种方法以某种方式显示它们。我在谷歌上搜索并找到了一些解决方案,但它们似乎大多适用于API的V2或者只是不太好。理想情况下,我想要一个解决方案,您可以在其中单击某种组标记,然后显示聚集在它们所在位置周围的标记。有人遇到过这个问题或类似问题并且愿意分享解决方案吗? 最佳答案 看看OverlappingMarkerSpiderfier.有