草庐IT

MAPS_RECEIVE

全部标签

javascript - 如何更改 Google Maps API v3 中的 MapTypeid?

当用户点击标记时,我需要将map类型从RoadMap更改为Hybrid(它已经自动缩放并居中)我在Google3.2的API文档中找不到任何关于如何做到这一点的内容。任何帮助将不胜感激! 最佳答案 您需要在您的map上调用setMapTypeId对象:setMapTypeId(mapTypeId:MapTypeId)哪里mapTypeId是混合的。 关于javascript-如何更改GoogleMapsAPIv3中的MapTypeid?,我们在StackOverflow上找到一个类似的问

javascript - 为什么我的 map 在我的 jQuery Mobile/Google Maps API3 应用程序中居中?

我的jQueryMobile网络应用程序中有一张由GoogleMapsJavascriptAPI3提供支持的map。我添加了一个带有黑色边框的圆圈。如果您直接使用map转到我的应用程序的这个页面,map会正确地居中在圆的中心。http://goo.gl/XvLST如果您先转到我的应用程序的主页(http://goo.gl/0IWgE),然后单击进入带有map的页面,则map是居中错误(map应以圆心为中心)。缺失整个灰色区域。为什么当我从我的主页点击带有map的页面时,map会出错,但如果我直接访问带有map的页面,map会正常工作?我不能使用Ajax加载带有data-ajax='fa

javascript - Google Maps APIv3 绘图管理器的 onChange 事件

我正在使用GMapsAPIv3DrawingManager让用户在map上绘制形状。我可以使用complete事件在将形状添加到map时触发操作(例如overlaycomplete或polygoncomplete)--但我也允许用户编辑完成的形状。有没有办法在形状改变时触发Action?当修改形状时,我看不到任何方式来触发另一个函数。 最佳答案 可在此处找到编辑事件列表:EditableeventsDraggingevents下面是一个例子,当圆的半径发生变化时如何将它与DrawingManager一起使用:google.maps.

javascript - 如何检测 google maps PolyLine 叠加层上的点击事件?

在我看来,我应该能够执行以下操作来检测谷歌地图上某条线上的点击事件:varline=newGPolyline(...);map.addOverlay(line);GEvent.addListener(line,"click",function(latlng){alert("clicked");});apireference说这是在2.88版中可用的,该版本于2007年发布(!?),所以我假设这就是我正在使用的,但我不知道如何确认这一点。我还尝试明确设置{clickable:true}选项(它应该是默认设置。)我已经在FireFox3和Opera9.6中进行了测试,所以怀疑它是特定于浏览

javascript - 如何使用 react-google-maps 通过点击在 map 上添加标记?

我正在努力寻找一个非常简单的示例,说明当用户在基于组件的React-google-maps中左键单击map时如何向Googlemap添加标记。需要帮助。constMap=withScriptjs(withGoogleMap((props)=>{props.isMarkerShown&&}))exportdefaultclassMapContainerextendsReact.Component{constructor(props){super(props)this.state={}}render(){return(}containerElement={}mapElement={}pla

javascript - angular-google-maps 现在在开始时隐藏时可以正确显示

本地图开始使用ng-show/ng-hide隐藏时,一旦可见就无法正确显示。标准map也有同样的问题,只有我们可以向它发送调整大小,因为我们可以访问map对象。这是一个以隐藏map开始的示例。该按钮切换map的可见性。.angular-google-map-container{width:100%;height:100px;}.mymap{width:100%;height:100px;}ToogleMapvarapp=angular.module("app",["google-maps"]);app.controller("myCtrl",function($scope,$timeo

javascript - Google maps API v3 - 计算 map 容器的高度和宽度

我从使用OverlayView的GooglemapAPI文档中剪切并粘贴了一些示例代码,这样人们就可以访问内置的MapCanvasProjection方法(fromLatLngToContainerPixel()和fromLatLngToDivPixel()),以便将Lat/Lon转换为容器像素又回来了……太好了……代码如下所示,非常简单,适用于所有缩放级别,直到map投影开始环绕(缩放级别低于2)。我知道投影是环绕的,但是有没有一种数学方法可以在不使用JQUERY或其他外部库的情况下计算map容器的大小???理想情况下,我只想使用GooglemapAPI提供的对象和方法将纬度/经度坐

javascript - 如何在 Google Maps JS API 中获得仍然包含一组 Lat/Long 坐标的最小 LatLngBounds?

我需要在map上绘制一组坐标以响应用户的选择,当它发生时,我想平移map以关注那组点。如何找到包含所有坐标的最小边界框(LatLngBounds)? 最佳答案 除了StackOverflowpostwhich@CrescentFreshpointedtoabove(使用v2API),您要使用的方法是LatLngBounds.extend().这是一个完整的例子,使用v3API:GoogleMapsLatLngBounds.extend()Demovarmap=newgoogle.maps.Map(document.getElemen

javascript - Google Maps API - 获取最接近邮政编码的点

我正在使用GoogleMapsAPIv3和javascript将map添加到网站。我有一个地址列表,并已成功将它们绘制在map上。当用户输入邮政编码时,map会重新以他们的位置为中心,显示离该点最近的标记。现在,我需要创建一个ListView,显示距离他们的邮政编码最近的3或5个位置,并提供行车路线链接。我被困住了……欢迎提出建议。 最佳答案 通常的解决方案是使用google.maps.geometry.sphericallibrarycomputeDistanceBetween(from:LatLng,to:LatLng,radi

javascript - 隐藏 react-google-maps 上的默认全屏按钮

我对react-google-maps有疑问。我为全屏切换创建了自己的按钮我试过但找不到摆脱默认按钮的方法。我试图将其添加到我的代码中,但没有成功。console.log()}defaultZoom={12}defaultCenter={{lat:this.state.lat,lng:this.state.lng}}fullscreenControl={false}>我们将不胜感激。干杯! 最佳答案 只是将其包含在默认选项中constdefaultMapOptions={fullscreenControl:false,};const