草庐IT

多边形绘制

全部标签

javascript - 谷歌地图 v3 API 鼠标悬停与多边形。不工作

我正在尝试让鼠标悬停在googlemapsapiv3中处理多边形。我试过这篇文章中提供的答案:googlemapsv3APImouseoverwithpolygons?这个答案应该有效,但不适合我。谁能看出我辐条上的棍子?这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}GoogleMapsfunctioninitialize(){varmyLatlng=newgoogle.maps.LatLng(28,-81);varmyOptions={zoom:6,cen

javascript - 如何在人力车的 X 轴上绘制日期

我有一组日期数据。我应该提供什么值的X轴值?如何让Rickshaw将X数据值显示为日期?我查看了文档和示例,但找不到任何东西。 最佳答案 我刚开始使用人力车并且遇到了确切的情况。但是,在我进一步讨论之前,Rickshaw文档几乎不存在,这非常令人沮丧,因为与其他JS图形库相比,Rickshaw的性能非常出色。查找示例的最佳方法是深入研究源代码,并在他们的github页面上尝试理解事物的示例代码(而不是文档应有的方式)。话虽如此,让我们尝试在StackOverflow上建立一个强大的问题/答案基础!所以,回到问题:)看来您已经找到了自

javascript - THREE.js 光线转换对单个> 500k 多边形(面)对象非常慢,线与地球相交

在我的项目中,我有一个玩家在地球上行走。地球不仅仅是一个球体,它还有山脉和山谷,所以我需要改变玩家的z位置。为此,我从玩家的位置向单个物体(地球)转换一条光线,我得到它们相交的点并相应地改变玩家的位置。我只在玩家移动时进行光线转换,而不是在每一帧上。对于一个复杂的对象,它需要永远。具有~1m多边形(面)(1024x512分段球体)的对象需要~200ms。光线转换是否针对每张脸?是否有一种传统的快速方法可以在三中实现这一点,比如一些加速结构(八叉树?bvh?——老实说,从我的谷歌搜索中我似乎没有发现三中包含这样的东西)或其他一些想法-开箱即用(无光线转换)方法?vardir=g_Game

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this

javascript - 如何为使用 Raphael JS 绘制的矢量路径制作动画?

如何为使用RaphaelJS绘制的矢量路径设置动画?我有一组坐标,我想使用RaphaelJS进行连接。在网格上,坐标是(x,y集合)。我想从一端开始,并在用户观看时“连接点”。最终产品看起来像这样:Picture9.pnghttp://img213.imageshack.us/img213/8013/picture9my.png理想情况下,我希望能够使路径弯曲,这样它们看起来更像这样(添加坐标以供引用):Picture10.pnghttp://img534.imageshack.us/img534/1789/picture10fc.png坐标是:26,-614,-125,-2011,-

javascript - Openlayers 在 OpenStreetMaps 图层上圈出多边形

我正在尝试创建一个具有定义中心的圆并在其上放置一个图标标记。如果我使用图像而不是OpenLayers.Geometry.Polygon.createRegularPolygon,代码就可以工作。我无法解决它。在这里你可以找到我的代码:OpenLayersExamplemap=newOpenLayers.Map("mapdiv");map.addLayer(newOpenLayers.Layer.OSM());epsg4326=newOpenLayers.Projection("EPSG:4326");//WGS1984projectionprojectTo=map.getProject

javascript - 用于分析和绘制 Javascript 函数之间依赖关系的工具

是否有可以为javascript生成函数依赖关系图的程序/工具?基本上,输入应该是javascript文件的文件夹,然后输出是一个漂亮的图表,显示每个函数之间的所有关系。如果我也可以与图表进行交互,那就更好了。有办法吗?谢谢 最佳答案 在Windows和VisualStudio上,您可以查看JSAnalyse:http://jsanalyse.codeplex.com/我没试过,但根据描述,它解析JavaScript文件并根据它们之间的静态引用创建不同文件的依赖关系树。项目JSAnalyseisatooltoanalyzethede

javascript - 无法删除 ui-gmap-google-map 中的选定多边形

我可以使用GoogleDraw管理器绘制多个多边形。现在我无法从多个多边形中选择特定的多边形并删除和编辑它。编辑或删除后也无法获取新数组。我的demo.js代码如下:$scope.map={center:{latitude:19.997454,longitude:73.789803},zoom:10,//mapTypeId:google.maps.MapTypeId.ROADMAP,//radius:15000,stroke:{color:'#08B21F',weight:2,opacity:1},fill:{color:'#08B21F',opacity:0.5},geodesic:

svg - 使用 SVG 和 JavaScript 指向多边形检查?

我有一张map,我通过将不同颜色的区域转换为路径将光栅图形转换为SVG文件。我知道如何在给定边数组的情况下进行基本的多边形点检查,但是svg:path元素代表多个多边形以及mask(考虑到海洋等)和通过解析d属性来提取该信息似乎相当笨拙。是否有一个JS库可以让我简化该检查?我基本上想创建随机点,然后检查它们是在陆地上(即多边形内部)还是水上(即外部)。由于SVG元素似乎允许鼠标事件处理,我认为这应该不是什么大问题(即,如果您可以判断鼠标指针是否在元素之上,那么您已经解决了问题-多边形问题)。编辑:让事情有点复杂,我应该提到svg:path元素似乎是基于曲线而不是直线,所以只需解析d属性

javascript - 根据纬度和经度确定哪个是多边形

我有一张使用leaflet.js绘制的map。如果我将经度和纬度值作为输入我可以识别多边形吗?我可以为此获取客户端脚本吗? 最佳答案 得到的答案如下://这是基于'pointinpolygonalgorithm'functiongetPoint(){floatx=-89.82421875;//xandyrepresentsthelatandlngvaluesfloaty=40.18307014852533;vara=boundaries;//thecoordinatesusedtodrawthemapfor(i=0;i=pointY