草庐IT

map_canvas

全部标签

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

javascript - 如何始终将焦点保持在 Canvas 上?

我一直在这个论坛上寻找解决方案,但还没有找到。无论我在页面上的哪个位置单击,我都需要始终将注意力集中在Canvas元素上。我有几个按钮,在我写的每个onclick事件中:document.getElementById('canvas').focus();这确实有效,但我认为这不是最佳做法。有什么想法吗? 最佳答案 Canvas元素默认是不可聚焦的。您需要先为其设置一个tabIndex。例子document.querySelector("canvas").onblur=function(){varme=this;me.style.ba

javascript - 在 matterjs 中更改默认 Canvas 大小

我正在尝试覆盖设置为的默认Canvas大小:800x600在深入研究文档后,我发现:Matter.Render.create([options])看起来有趣的选项是:render.options.height和render.options.width。如何正确使用它们?我尝试过的:(function(){//thisisthecorrectreferencevarcanvas=document.getElementById('canvas');varrenderer=Matter.Render.create({canvas:canvas,height:1000,width:1000})

javascript - 什么时候需要 Google Maps API key ?

最近Google更改了有关使用APIkey的政策。您现在应该不再需要APIkey即可将Googlemap放置在您的网站上。这非常有效。但是现在我在我的本地主机上运行了这张map(没有APIkey),它工作正常。但是,一旦我将它放到网上,就会弹出一个窗口,提示我需要另一个APIkey。在该网站的另一个页面上,谷歌地图确实有效。这可能与不起作用的map上有很多(30多个)标记有关吗?实际上,使用APIkey对我来说并不是一个很好的解决方案,因为这是许多网站上使用的Wordpress插件的一部分。 最佳答案 听起来你正在运行v2~是时候升

javascript - 单击 Canvas 中 Sprite 上的区域

我正在用Javascript创建游戏。目前,Sprite是带有背景图像的div元素,更新后可以创建动画。我听说如果我制作元素Canvas并将Spriteblit到Canvas上,我可以使Sprite可点击,省略透明区域。我需要一个可以点击我的游戏Sprite但可点击区域适合Sprite形状的解决方案。它还需要是自动的。我无法使用预制的点击map执行此操作。 最佳答案 我有一个教程几乎完全可以满足您的HitTest需求。查看代码here.当您单击时,代码将每个形状(我使用矩形,但它与半透明图像一起工作时效果很好)绘制到内存中的Canv

javascript - Openlayers 根据您的 map 编写并保存 KML

是否可以从OpenLayers编写和保存KML?有人知道导出一个的例子吗? 最佳答案 您只能将矢量要素导出到KML。functionGetKMLFromFeatures(features){varformat=newOpenLayers.Format.KML({'maxDepth':10,'extractStyles':true,'internalProjection':map.baseLayer.projection,'externalProjection':newOpenLayers.Projection("EPSG:4326"

javascript - 在 google maps api v3 中完成多边形绘制时的处理

在googlemapsapiv3中多边形的绘制似乎是异步的.尝试单击此示例中的“加载”按钮:http://jsfiddle.net/rmXXF/文本“DONE”的写入比绘制网格要快得多!矩形网格的绘制似乎是异步的。我希望在绘制网格后显示文本完成!是否有一些事件处理程序?代码的重要部分在函数action()中:polygons=draw_all_squares(map);//drawgridheredocument.getElementById('status').innerHTML='DONE';//displayed2seconds//beforethegrid!请注意,map“空闲

javascript - Google Maps Geolocation API 的替代品

我正在从事一个每秒涉及大量实时数据的项目(通过websockets实现)。因此,它无法处理调用Google的API以将城市+区域转换为longlat坐标。我得到大约1到100的成功率。GoogleAPI的协调服务是否有城市和地区的无限替代方案?理想情况下,本地存储此类数据的JSON数组? 最佳答案 您可以使用Yahoo提供的名为YQL的服务。这项服务对有限数量的请求是免费的,每天最多100,000个。然后,您可以从query/results/place/centroid的响应XML中检索纬度和经度。我注意到这项服务的一件事是城市名称

javascript - Canvas 已通过本地 chrome ://extension URL 被跨源数据污染

我正在开发googlechrome扩展程序,我正在尝试将与扩展程序捆绑在一起的图像加载到Canvas中。varcanvas=document.createElement('canvas');canvas.width=470;canvas.height=470;varcontext=canvas.getContext('2d');varimage=newImage();image.addEventListener('load',function(){//process});image.src=chrome.extension.getURL("asset/gotcha.png");当我在内

javascript - 作为矢量 map 的谷歌地图

我在每个地方都搜索过这个,我找到的最接近的不是很令人满意(this),有没有办法让谷歌地图看起来和表现得像jvectormap?我所说的表演是指可以悬停的国家等,而我所说的外观是指矢量图具有的简洁外观。 最佳答案 正如我评论中所建议的,您可以查看如何设置map样式:https://developers.google.com/maps/documentation/javascript/styling这可以帮助您了解它的工作原理,并最终让您构建自己的:GoogleMapsStylingWizard关于FusionTables,一旦找到合