草庐IT

栅格地图

全部标签

javascript - 谷歌地图 v3 : How to change the map style based on zoom level?

我正在使用新的Googlemapv3STYLEDMAP。我想根据缩放级别更改map的样式。我有以下伪代码,如何根据缩放级别更改我的map样式?varmyOptions={zoom:zoom,center:latlng,disableDefaultUI:true,navigationControl:true,scrollwheel:false,navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL,position:google.maps.ControlPosition.TOP_RIGHT},map

javascript - 如何在谷歌地图中突出显示用户的当前位置?

我正在使用以下代码获取用户在phonegap中的位置(它工作正常)functiongetLocation(){varwin=function(position){varlat=position.coords.latitude;varlong=position.coords.longitude;varmyLatlng=newgoogle.maps.LatLng(lat,long);varmyOptions={center:myLatlng,zoom:7,mapTypeId:google.maps.MapTypeId.ROADMAP};varmap_element=document.get

javascript - 我在哪里可以找到谷歌地图上的地点 ID

我想根据这里的介绍获取地点图片:https://developers.google.com/places/documentation/details#PlaceDetailsRequests根据这份文件,我需要地点的“地点ID”。https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=AddYourOwnKeyHere在哪里可以找到placeid 最佳答案 您应该可以在此处找到地点ID:https:

javascript - 将位置坐标作为变量传递给谷歌地图

任何人都知道为什么这会起作用:varwickedLocation=newgoogle.maps.LatLng(44.767778,-93.2775);但这不会:varwickedCoords="44.767778,-93.2775";varwickedLocation=newgoogle.maps.LatLng(wickedCoords);我尝试将纬度和经度作为单独的变量传递,但也没有成功。如何将坐标作为变量成功传递?谢谢! 最佳答案 在此示例中,您将两个不同的数值传递给构造函数,然后将新创建的对象分配给wickedLocation

javascript - 谷歌地图标记 Sprite 图像位置

我们如何将sprite图像定位为Googlemap标记。例如:在css中,我们将图像定位为background:url('../images/bodycss/pointer.png')28px-32px;现在如何将以上代码包含到下面的googleapi-v3函数中?functionsetMarkers(map,markers){vargoogle_image=newgoogle.maps.MarkerImage("http://example.com/images/bodycss/pointer.png");for(vari=0;i 最佳答案

javascript - 谷歌地图移除默认人形图标

我在我的项目中使用谷歌地图,你可以在这里看到(Demo)在左上角你可以看到人图标和缩放我想删除man图标并设置zoomleft-top我应该怎么办?我正在使用这个库jslibrary您可以在(查看)源代码演示链接中看到其他库[3] 最佳答案 这应该删除街景(人)和平移控件:varmapOptions={center:mapCenter,zoom:10,panControl:false,streetViewControl:false,mapTypeId:google.maps.MapTypeId.ROADMAP};使用Googlema

javascript - 谷歌地图标记显示/隐藏

我尝试了几个代码并搜索了很多答案,但我无法让它工作。我对Javascript知之甚少,所以我希望有人能帮我解决这个问题,因为我对此失去了理智。标记没有切换,只是什么也没发生。varcustomIcons={monumento:{icon:'images/monumento_ico.png'},hotel:{icon:'images/hotel_ico.png'},restaurantes:{icon:'images/restaurante_ico.png'},museus:{icon:'images/museu_ico.png'}};varmarkerGroups={"museus":

javascript - 使用谷歌地图 computeDistanceBetween 获取最近的位置返回 NaN

好的,我已经在测试站点上设置了map和自动完成字段。我的目标是让用户在该字段中输入他/她的地址,然后当他/她点击确认时,根据提供的信息找出离他们最近的商店。我有每个商店的纬度/经度,在自动完成的帮助下,我现在有用户地址的纬度/经度,但是当我使用文档中提供的computeDistanceBetween方法时,我得到的是NaN而不是期望的结果。这里是测试站点的链接以获取想法-http://dev.touch-akl.com/map/下面是我到目前为止尝试过的//----------------------------------------------------------------/

微信小程序地图组件利用腾讯地图生成热力图

由于找遍全网都没有使用过腾讯地图热力图接口的,所以我是靠自己一个个尝试的,所有尝试了很多步骤才做出来,所以很多步骤可能多于,但是我也不知道拿几个步骤才是真正实现热力图的,所以全部都写出来,如果大家有补充的可以在评论区发言。本人水平不足,很多地方考虑不到,文章也不怎么会写,但希望能通过文章帮到你!1.申请密钥key首先要在腾讯地图官网注册一个key地址:腾讯位置服务-立足生态,连接未来我是勾选了WebServiceAPISDK微信小程序三个选项然后创建了一个key这个key在后面要用到很多地方2.点击下面的图层编辑 我选的是标准热力图,然后点击导入数据点击下面那个下载数据模板,就会给你一个lon

javascript - 左上角的谷歌地图中心

我一直在查看许多不同的例子、问题和其他与此相关的事情,但我似乎找不到任何东西,所以我最后会问一个问题。我的map没有将标记居中,甚至没有显示它。指向它的最左上角。看这里:http://i.imgur.com/Cc1ZK.png我有一个联系信息标签系统。当有人单击一个选项卡时,map和信息会向下滑动并显示正确的标记(4个单独的map),但是我无法让第一个工作,所以我无法复制/粘贴它。这是我的代码:脚本:varlatlng=newgoogle.maps.LatLng(42.3535727,-83.0591444);varoptions={zoom:14,center:latlng,mapT