jjzjj

​​Maps

全部标签

javascript - 在 Google Maps API V3 中缩放至 map 中心

我是使用谷歌地图的新手,正在尝试找出如何限制缩放功能,使其不会缩放到map中心以外的任何地方,也不会缩放到鼠标点。基本上,无论您的鼠标指针在map上的哪个位置,它都会缩放到返回map的中心,而不是缩放鼠标指针在map上的位置。我什至不知道目前是否可行,希望能提供一些帮助。functioninitialize(){varlatlng=newgoogle.maps.LatLng(51.285583,1.091045);varmyOptions={zoom:15,center:latlng,scrollwheel:true,navigationControl:false,mapTypeCon

javascript - AngularJS:基于 Google Maps API 的单元测试应用程序

我需要为大量使用GoogleMapsAPIv3(计算距离、在map中创建标记等)的AngularJS应用程序编写单元测试,并且我知道我应该以某种方式创建或模拟mapCanvas,以便我可以对函数进行单元测试使用GoogleMapsAPI并在该Canvas上创建标记,但我不确定该怎么做,而且我找不到任何关于如何对基于GoogleMapsAPI的应用程序进行单元测试(最好使用AngularJS/Jasmine)的好的教程/资源。任何像这样的单元测试的工作示例——即使是最简单的示例——将不胜感激。 最佳答案 从您上面的评论来看,您似乎可能

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