草庐IT

绘制地图

全部标签

javascript - 如何在谷歌地图上画圆时知道半径

我有什么:根据Google的建议,我们使用了MVC对象和事件DistanceWidget和RadiusWidget来显示半径,同时重新调整圆的大小,这对于现有的圆(由DistanceWidget绘制的圆圈)。FiddleDemo我需要什么:我需要在绘制新圆时显示圆的半径。DistanceWidget和RadiusWidget事件仅用于现有圆(由DistanceWidget绘制的圆)而不用于新圆(用户使用DrawingManager工具绘制的圆)).是否可以显示用于创建新圈子的DistanceWidget?Fiddle 最佳答案 确实

javascript - open layers 3 如何以编程方式绘制多边形?

如何以编程方式使用开放层3绘制多边形?我有一个json数组坐标:[{"lng":106.972534,"lat":-6.147714},{"lng":106.972519,"lat":-6.133398},{"lng":106.972496,"lat":-6.105892}]现在我想使用开放图层在map上绘制它。怎么做? 最佳答案 您需要使用ol.geom.Polygon构造函数。该构造函数需要一个环数组,每个环都是一个坐标数组。在您的情况下,这就是您创建多边形的方式(假设您的lnglat对数组名为a)://Aringmustbec

javascript - 谷歌地图(JavaScript API): get GPS coordinates from address

我需要计算两个地址之间的距离,我不需要mapView或任何图形。我只是想让用户输入地址(结束位置是我自己定义的),然后让javascript计算两点之间的距离。但是我找不到使用GoogleMapsAPI发送地址字符串并从中获取GPS坐标的方法。(我真的只需要两个GPS点,距离计算是微不足道的。) 最佳答案 您正在尝试执行的操作称为地理编码。使用MapsAPI是可能的。查看Geocodingsection更多细节。这是基本思想:vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode

javascript - 你如何在 Safari 中的 <canvas> 标签上绘制文本

我一直在尝试使用用于绘制简单图表的标签,到目前为止,它非常容易使用。我想到一个问题。我不知道如何在上绘制文本在Safari中。在Firefox3.0中,我可以这样做:Chart.prototype.drawTextCentered=function(context,text,x,y,font,color){if(context.mozDrawText){context.save();context.fillStyle=color;context.mozTextStyle=font;x-=0.5*context.mozMeasureText(text);context.translate

javascript - 在 map 上以米为单位绘制半径指定的圆

任何关于如何使用D3在地理map上绘制以米为单位的半径圆的指示都会非常有帮助。我尝试使用Leaflet,它是接受以米为单位的半径的Circle(或CircleMarker),但我需要更大的灵active来处理我的数据。D3似乎很有帮助,但我不确定如何在map顶部绘制给定半径的圆,这样圆覆盖与给定半径对应的区域(并适应缩放和投影变化)。 最佳答案 您可以使用最新版本的Leaflet以米为单位传递这些半径。半径将根据缩放级别而变化。这里有更多信息来自Leaflet'sdocumentationL.circle([lat,lng],rad

javascript - 谷歌地图中两个近点之间的曲线

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭5年前。Improvethisquestion可以在谷歌地图中的2个近点之间绘制一条曲线(如测地线),例如使用这些坐标:p1=(23.634501,-102.552783)p2=(17.987557,-92.929147)是否有一个javascript库可以做到这一点?并且可以控制线的曲率?谢谢。

javascript - 谷歌地图 PanTo OnClick

我试图通过点击平移map上的某个区域。该脚本不工作和页面重新加载。也许有人能看出问题所在。我的函数functionclickroute(lati,long){map=google.maps.Map(document.getElementById("map_canvas"));map.panTo(lati,long)}其他的vardirectionDisplay;vardirectionsService=newgoogle.maps.DirectionsService();varmap;functioninitialize(){geocoder=newgoogle.maps.Geocod

javascript - 在谷歌地图中添加标记数组

我需要一些帮助来在Googlemap中创建一组标记,这样它可以更有效率,而不是一个接一个地创建标记。我尝试了以下但它不起作用。有人有什么建议吗?//createarraytostoreasetoflocationvarcollection=newArray();//asetoflocationsstoredinarraycollection[0]=newgoogle.maps.LatLng(13.742167701649997,100.50721049308777);collection[1]=newgoogle.maps.LatLng(13.74428,100.5404525);co

javascript - 显示信息窗口后阻止谷歌地图移动

我正在尝试在Googlemap上显示信息窗口。它显示完美,当您将鼠标悬停在标记上时,它会加载一个信息窗口,但map会跳转以适合窗口。我不希望map移动,而是信息窗口根据map设置其位置。Booking.com有这样的东西。编辑:添加了我的代码这是我的代码的精简版。我从AJAX服务获取所有信息,并且该服务返回response(它也包含更多信息)。$.ajax({url:'URL',dataType:"json",type:"GET",success:function(response){//deleteallmarkersclearOverlays();varinfowindow=new

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t