草庐IT

栅格地图

全部标签

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

javascript - 路线上的谷歌地图点击事件

我试图在我点击路线的任何地方画一个圆圈。我在寻找有关如何使路线可点击的解决方案,但找不到任何有用的东西……下面是我的代码。当我点击路线但没有创建圆圈时,我没有收到任何错误消息。directionsDisplay=newgoogle.maps.DirectionsRenderer(rendererOptions);//directionservicerequesthere...google.maps.event.addListener(directionsDisplay,'click',function(event){varrouteClick=newgoogle.maps.Circle

javascript - 谷歌地图热图层点半径

我希望能够以米为单位有效地指定点的半径。API配置为使radius属性对于像素保持不变,因此放大会导致热图腐eclipse(我知道您可以使用dissipating属性,但这会引发其他问题,即必须手动调整半径才能使我的热图正确显示。这是热图reference。具体来说,我正在尝试在map上显示概率分布。我有图像形式的分布,想将0-1权重映射到热图层。(我可以,但不想叠加图像)。有什么建议吗? 最佳答案 好的,我尝试了一些东西:使用MercatorProjectionexample(checkthesource)从latLng中提取任意

javascript - 谷歌地图模式问题

我正在尝试将谷歌地图显示到TwitterBootstrap模式中。当用户第一次点击按钮Showmap然后他能够成功地看到map,因为我正在生成maponclick()函数但是当他关闭模式并重新打开时然后map显示不正确,map的90%部分变成灰色,如下所示我什至尝试了这个解决方法,删除绑定(bind)了map的整个div并重新生成它,但是这个技巧不太奏效,请告诉我如何解决我的问题。以下是我调用显示map的onclick事件的js函数functionmapp(){//google.maps.event.trigger(map,"resize");//$("#map_google_canv

javascript - 谷歌地图 API - 通过地址 javascript 添加标记

我有带地址的地方数据库,我想在谷歌地图上添加标记。它只显示默认标记,似乎geocoder.geocode()什么都不做。例如,我试图在“纽约市”上添加标记,但没有成功。vargeocoder;varmap;varaddress="newyorkcity";geocoder=newgoogle.maps.Geocoder();functioninitMap(){varuluru={lat:-25.363,lng:131.044};varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:4,center:uluru});

javascript - 谷歌地图标记分组

我正在努力实现以下目标:在我的map上有不同类型的标记,例如学校、图书馆、公交车站,我希望能够显示/隐藏每组标记。我已经在google上搜索了一段时间,但没有找到任何结果:/有什么想法可以实现吗? 最佳答案 有多种方法可以解决这个问题,但让我向您展示一种方法。首先,让我们从一组位置开始(借用自GoogleMapsAPITutorials):varbeaches=[['BondiBeach',-33.890542,151.274856,1],['CoogeeBeach',-33.923036,151.259052,1],['Cronu

javascript - 向谷歌地图添加多个标记

我希望为Googlemapv3API中列出的每个企业添加标记onthispage在右上角。我不确定如何为多个邮政编码执行此操作,但我们目前在individualbusinesspages上使用的那个对存储在数据库中的动态邮政编码使用URLencode。这是我们用于各个页面的代码:varmap;functioninitialize(){varmapOptions={zoom:15,center:newgoogle.maps.LatLng(51.511214,-0.119824),mapTypeId:google.maps.MapTypeId.ROADMAP};vargeolocate=f