草庐IT

png-osm-map

全部标签

javascript - 将使用 D3js 创建的 SVG 转换为 PNG

我有一些用D3js创建的图表,我想通过JavaScript将其转换为PNG图像,以便用户可以下载图表。我见过将SVG转换为Canvas并将Canvas转换为图像的解决方案。这对我不起作用,因为SVG使用类来设置元素的样式(由于可维护性,我宁愿不更改),这会导致整个Canvas变成黑色并带有非常粗的线条。是否可以将SVG图表直接转换为PNG?该页面位于RubyonRails项目中,因此它不必是纯JavaScript解决方案,但我更愿意使用JavaScript来执行此操作,这样我也可以在其他项目中实现它。 最佳答案 要在Canvas中显

javascript - 在 javascript 的 google maps api 中显示楼层选择器

当使用适用于Android或iOS的GoogleMapsAPI时,室内地图似乎默认启用,并且当您放大到具有室内地图的建筑物时,“楼层选择器”控件会自动出现。我怎样才能在用于javascript的GoogleMapsAPI中获得类似的功能(即针对桌面浏览器)?特别是,我想展示一个楼层选择器控件,并且能够像在maps.google.com上一样在楼层之间切换。 最佳答案 Google目前在JavascriptAPI中不支持这一点。这三个问题都得到了谷歌的回应,称这是一个“增强”,这可能意味着他们会在某个时候添加它:https://cod

javascript - 在 Web Worker 中将 SVG 转换为 PNG

我想在WebWorker中将SVG转换为PNG。我的问题是,DOM无法从Worker中访问,所以我无法将SVG绘制到Canvas或类似的东西上。 最佳答案 Weeell,您始终可以手动解析SVG并从中构建位图,但是(!)这显然需要更多工作,因为您必须构建SVG解析器和PNG编写器,更不用说光栅化了线条代码和双模式多边形填充,包括。抗锯齿、图案、矩阵、合成、混合和渐变支持。不过可能是一个不错的周末项目:)但更重要的是:您只能使用使用常规上下文(非网络worker)的内置工具或选择性地设置基于服务器的服务来执行此操作。

javascript - 在 Angular 2 Google map 上移动 map 控件

我正在寻找一种方法来使用常规谷歌地图中可用的zoomControlOptiions属性,如下所示:zoomControlOptions:{style:google.maps.ZoomControlStyle.SMALL,position:google.maps.ControlPosition.LEFT_CENTER},StackoverflowexampleshowingcodeaboveSamethingintheofficialgooglemapsdocs不幸的是,我在Angular2Googlemap中看不到这个选项APIDocs.有办法吗?尽管使用了Angular2包装器,有没

javascript - 在 jsx 中的 map 中使用 map

{normalizedData.map(obj=>{obj.display_date_numberic}{!isEmpty(obj.applicants)&&obj.map(obj2=>{obj2.person.name})})}我在以下行中收到错误:{!isEmpty(obj.applicants)&&obj.map(obj2=>为什么我不能在另一个map中使用map功能?normalizedData有一个对象数组,每个obj都有另一个对象数组。 最佳答案 您可以按如下方式在map中创建map:例如给定的数据outerArray:

javascript - D3 中的 Map 函数,对传入的多个函数感到困惑

这个例子来自MikeBostock:https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172下面这行让我很困惑,我想知道是否有人可以解决这个问题。x.domain(s.map(x2.invert,x2));为什么x2作为第二个参数传入?据我所知,第二个参数是可选的thisArg参数,但是invert不需要它,为什么要传入它?没有它,代码似乎也能正常工作,所以我错过了什么? 最佳答案 这个问题终于可以解决了,因为MikeBostock对GitHub问题做出了谢天谢地的r

javascript - 识别由 Flex 中的 FileReference 对象为 PNG 图像编码的数据的性质

我正在尝试将基于Flex的应用程序迁移到JavaScript,并遇到了将PNG图像发送到服务器的文件上传功能。我无权访问服务器代码,所以我试图模仿flex应用程序发出的请求。flex应用程序发送的请求数据如下所示:我使用Filereader.readAsBinaryString()读取PNG的请求数据如下所示:如您所见,flex应用程序进行了一些我无法理解的编码。虽然这两个内容看起来一样,但还是有一些细微的差别,这可以通过每个内容的长度来确认。AS3FileReference文档表明它使用load()function将文件内容转换为ByteArray.有人可以解释他们是如何编码的吗?

javascript - 什么是商业应用程序的好 map api?

上次我检查过Google和Yahoo不允许您将他们的map放在商业应用程序的登录后面。不确定微软。我所知道的唯一其他选择是OpenStreeMaps,我认为它是免费的。OpenStreetMaps表示将使用这些第三方API之一OpenLayers、Mapstraction、Staticmaps或CloudMade的WebMapsLite来制作他们的map我想念任何人吗?所以我的问题更具体一点:就价格、质量、性能和实现难易程度而言,哪一个最好?”如果可能的话,从谷歌、雅虎或微软购买许可证可能是一种选择。OpenStreeMaps关注的是质量、性能和易于实现。注意:我们只对JavaScri

javascript - 如何使用 ko.mapping.fromJS 用来自 Ajax 调用的数据填充 observableArray?

我有一个View,其中包含一个模板,该模板具有一个用于循环模型数组的foreach。但是,模型数组来自ajax调用。这是一个场景示例://ContainedModelfunctionSomeModel(){varself=this;this.Firstname=ko.observable();this.Lastname=ko.observable();this.Fullname=ko.dependentObservable(function(){returnthis.Firstname+""+this.Lastname;},self);}//ViewModelfunctionSomeV

javascript - 如何使用带有 greasemonkey 的 google maps api 读取地址表并跟踪路线?

有一个网站在表格中保存了我所在城市(PortoAlegre-巴西)的巴士路线。例如:EPTC使用Greasemonkey加载deGoogleMapsAPI,id喜欢在屏幕右上角显示一个固定的map。脚本必须从表中读取街道名称,去除多余的空格(有很多),并以正确的顺序绘制路线。 最佳答案 这是完成任务的Greasemonkey兼容脚本:http://userscripts.org/scripts/show/116339要点:1-找到表格并循环遍历每个单元格以获取内容2-去除所有多余的空格并将文本保存在数组中3-创建两个DIV,一个在另