草庐IT

地图学

全部标签

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

javascript - 使用复选框过滤谷歌地图标记

我正在尝试根据thisV3example从复选框中过滤我的谷歌地图标记.我的复选框html是:Attractions:  FoodandDrink:  Hotels:  Towns/Cities:我的javascript在下面。我似乎无法让过滤器工作-目前所有标记都出现在map上,无论复选框的状态如何。我猜我只是把我的一些变量放在了错误的地方,但到目前为止我还没能解决这个问题!任何帮助将不胜感激。varmap;varinfowindow;varimage=[];vargmarkers=[];image['attraction'

javascript - 像图像滚动一样的谷歌地图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我想构建一个像谷歌地图一样工作的图像滚动器。当网站首次加载时,页面中间会出现一个包含部分图像的查看框。用户可以单击并拖动图像(即滚动)来检查图像的其他区域。如果用户碰巧滚动到图像的边界之外,该框将加载相邻的图像。我还想用标记覆盖这些图像

javascript - 谷歌地图 API : Marker image positioning

我已经更改了我在Googlemap上用作标记的图像。新图像比旧图像宽得多,我注意到标记与lat和lng对齐,因此标记位于的水平中点code>lat和lng。这不是我想要的,我想让lat和lng与左侧的标记对齐-我想偏移marker从默认位置向右约80像素。 最佳答案 试穿这个尺寸。varmarkerImage=newgoogle.maps.MarkerImage('/img/icon/here.png',newgoogle.maps.Size(80,80),//sizenewgoogle.maps.Point(0,0),//orig

javascript - 谷歌地图和 DART

我是DART的新手。是否可以在DART上使用GoogleMapsJavascriptAPI?如果现在不能直接使用,还有其他替代方法吗? 最佳答案 您现在可以使用google_mapspackage可用pub.该库允许您通过dart脚本使用GoogleMapsJavaScriptAPI。只需将依赖项添加到您的pubspec.yamldependencies:google_maps:">=1.0.1使用包含MapsAPIJavaScript标签。然后您可以通过dart脚本使用Googlemap。这是一个简单的例子:import'dart