草庐IT

地图学

全部标签

javascript - 集群上的谷歌地图信息窗口

我有一张带有很多标记的map。所有这些标记都有一个信息窗口。使用MarkersClusterLib,(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js)我得到了在单击时放大的集群。有些标记具有完全相同的坐标,因此即使我达到最大缩放,它们也会变成一个簇。到目前为止一切都很好,除了我还想在单击集群时打开一个信息窗口,该集群在缩放时从不split成标记。在这个InfoWindow中,我想根据它包含的标记显示信息。到目前为止,这是我的代码。它

javascript - 如何在谷歌地图中加入所有带有路径的标记?

我是Googlemap(API)的新手,我需要获得以下结果:目前,我知道如何渲染map并在其上放置标记(基于经度和纬度)。varmap;map=newgoogle.maps.Map(document.getElementById('map_canvas'),{zoom:7,center:newgoogle.maps.LatLng(response[0].latitude,response[0].longitude),mapTypeId:google.maps.MapTypeId.ROADMAP});for(vari=0;i可变响应结构如下:[Objectaddress:"Krišjāņ

javascript - 谷歌地图全屏按钮不工作(非谷歌地图应用程序)

如下图,除了“+”图标外就是全屏按钮。点击它时,它不会全屏显示。我尝试了基本的jQuery:$("#fullScreen-btn").css({height:100%,width:100%});这似乎行不通。我需要它像我们在浏览器上按F11一样工作,它必须在移动设备上全屏显示(不是谷歌地图应用程序)有人能帮我吗? 最佳答案 为了使移动浏览器在全屏模式下可见,您应该使用requestFullscreen()当按钮加载为时动态地向按钮添加一个事件监听器button.addEventListener("click",function(){

javascript - 如何覆盖谷歌地图中的 KML 颜色?

我正在通过Googlemap的V3API加载KML文件。正在使用KML文件中的颜色,但我想用我自己的颜色覆盖它。我实际上想为整个轨迹使用纯色。有办法做到这一点吗? 最佳答案 KML颜色基于样式api-doc直接在KML中定义或使用对外部KML样式文件(类似于CSS)的引用定义的标签。我们使用外部样式文件,以便样式可以应用于多个KML文件。这意味着在我们的KML数据文件中,您将找到如下条目:CountryBorders1RussianFederationkml-styles.kml#red---etc.---上面的styleUrl标签

javascript - Angular 谷歌地图的自定义样式

我正在使用AngularUImap似乎无法找到更改样式选项的指令。Googlesdocumention给出了一个使用google对象的例子。我为map尝试了getElementById,但这会导致ui对象出现过多错误。我的Controller有:$scope.map={center:{latitude:42.99,longitude:-81.255},zoom:14,bounds:{}};而HTML是:{{content}}用适当的代码向作用域添加style的简单尝试,没有改变任何东西,也没有导致任何错误。 最佳答案 添加样式非常简

javascript - 谷歌地图 - 数千个标记 - JSON

在以下示例中,标记是从JSON加载的。如果有20,000个标记,JSON将相当大。有没有办法根据缩放级别发送不同的JSON文件,而不是发送一个巨大的数组?http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/examples/weather_map.html 最佳答案 有一个mapView的“边界矩形”的概念。mapAPI以两个纬度/经度坐标对的形式提供给您-一个用于SWAngular,一个用于NEAngular。因此,如果您有返回JS

javascript - 谷歌地图多重叠加无累积不透明度

我有一张map,上面有多个圆圈相互交叉(下面是一个只有两个圆圈的例子,但至少有大约100个圆圈)。当它们交叉时,不透明度加倍,所以当我在5或6个圆圈之间交叉时,它就会变成大约100%的不透明度。有没有办法让第二个圆圈不显示“超过”第一个圆圈?其实不这么认为,但也许有人已经预料到这样的事情......左:我有什么--------------------------------------------右:我想要什么以防万一你想玩:http://jsfiddle.net/ZWt6w/varpopulationOptions={strokeWeight:0,fillColor:'#FF0000

javascript - 右侧的谷歌地图信息窗口位置

如何在左侧而不是底部显示带箭头的InfoWindow?screenshotexamplehere 最佳答案 现在已经有一段时间了,您可能确实对这个话题产生了兴趣。但我要说的是,不使用任何第三方工具也是可能的...只需将pixelOffset添加到infowindow中,如下所示:varinfowindow=newgoogle.maps.InfoWindow({content:"Mycustominfowindow",pixelOffset:newgoogle.maps.Size(250,150)});此外,您也可以旋转箭头,只需添加

javascript - 如何在大型谷歌地图上绘制一个矩形区域并查询数据库以查找矩形内存在的位置/点?

我有一个应用程序,我想向最终用户展示一张谷歌地图,并允许他们使用简单的矩形绘图工具选择map的一个区域,然后将所有位置存储在客户端的数据库中落在该矩形选择区域中的那些在map上显示为点...我对谷歌地图有一个简单的了解,并且可以让谷歌地图在没有问题的情况下绘制数据库中的所有位置......我的问题在于允许最终用户绘制矩形。不确定如何实现。有人可以解释一下或将我链接到如何完成的示例吗? 最佳答案 看起来这个问题是在Googlepostedaboutthenewdrawingtoolsinv3API前几个月提出(并回答)的...我不得不

javascript - 谷歌地图 API v3 : computeDistanceBetween method and distance in metric form

我想以公制形式计算位置之间的直接距离。(即:从A到B,以公里为单位)。没看懂computeDistanceBetween方法以单位返回。谢谢 最佳答案 以米为单位。要转换为公里除以10241000,obviously.google.maps.geometry.spherical.computeDistanceBetween(Moscow,Leningrad);//679601m对了,这个库方法的底层代码是基于Haversineformula的. 关于javascript-谷歌地图APIv