草庐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 - 在 <canvas> 中绘制填字游戏网格的最快算法?

我正在渲染一个单元格网格,非常类似于您在填字游戏中找到的网格,但使用四种不同的颜色来填充每个单元格(不仅是黑色或白色)。网格大小约为160x120,我需要尽快渲染它,因为它将用于显示Cellularautomaton。动画。我尝试了两种不同的方法来渲染网格:使用如下方式渲染每个单元格:varw=x+step;varh=y+step;canvasContext.fillStyle=cell.color;canvasContext.fillRect(x+1,y+1,w-1,h-1);canvasContext.strokeRect(x,y,w,h);渲染所有没有边框的单元格,然后使用以下方

javascript - 使用 safari 在 Canvas 中绘制包含 html 的 svg

我正在尝试为网站创建一些动态创建页面的缩略图,我找到了一个解决方案,方法是在svg中添加html,然后我在Canvas内的图像上绘制图像,然后在绘制图像后调整大小.此解决方案适用于firefox和chrome,但不适用于safari,svg似乎没有绘制我只是得到一个空白页面。即使我trycatch并且我在网上找不到解决方案,我也没有收到任何错误。我的html只是一个带有Canvas的基本测试页面,我试图在头部添加一个meta标签但是也没用。这是我写的代码:varcanvas=document.getElementById('canvasTest'),context=canvas.get

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

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

javascript - 在 d3 arc javascript 中绘制文本

我在http://jsfiddle.net/PRb93/1/上用d3创建了一个弧varvis=d3.select("body").append("svg")varpi=Math.PI;vararc=d3.svg.arc().innerRadius(300).outerRadius(320).startAngle(0*(pi/180)).endAngle(-pi)vis.append("path").attr("d",arc).attr("transform","translate(350,350)")​现在我想在这个圆弧的顶部绘制文本(我将把这个圆弧分布到n个节点中)。我不能直接使用和

javascript - 谷歌地图模式问题

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