草庐IT

绘制地图

全部标签

javascript - 绘制到 HTML 5 Canvas 的最快方法是什么?

我正在研究仅使用HTML的Canvas作为显示媒体制作游戏的可能性。以我需要完成的示例任务为例,我需要从多个等距图block构建游戏环境。当然,在2D中工作意味着它们必须采用矩形包装,因此图block之间有很大的重叠。我已经足够大了,这个问题的自然解决方案是调用BitBltMasked。哦等等,不,HTMLCanvas没有像BitBlt这样简单和令人愉悦的东西。似乎将像素数据转储到Canvas中的唯一方法是使用没有忽略alphachannel的有用绘图模式的drawImage()或使用在数组中具有图像数据的ImageData对象。使用权。是。界限。检查。和。所以。狗。慢。好吧,这与其说

javascript - 在对话框中的第二次渲染中发布渲染谷歌地图

我有一个网站,90%是jQuery和ajax,所以我想通过单击按钮而不刷新页面来呈现不同的map和方向。如您在下图中所见,第一次渲染时一切正常。但是当我重新加载或更改为另一个时,我得到了这个:(我认为它仍在使用点渲染map。只是Canvas是不对的)这是我的映射代码:window.initialize_map=function(){functiongetMiles(i){returni*0.000621371192;}functiontoHHMMSS(i){varsec_num=parseInt(i,10);//don'tforgetthesecondparamvarhours=Mat

javascript - 不安全的 JavaScript 尝试使用谷歌地图访问框架

当我在我的联系人页面上使用谷歌地图框架时,谷歌浏览器给我这条消息:UnsafeJavaScriptattempttoaccessframewithURLhttp://localhost/igames/index.php?page=contact_us&&lang=rusfromframewithURLhttp://maps.google.com/?ie=UTF8&ll=44.590467,-105.820312&spn=10.747987,23.269043&t=m&z=6&vpsrc=6&output=embed.Domains,protocolsandportsmustmatch.

javascript - 谷歌地图 : Render marker above markerclusterer

我有一组标记聚集在我的map上。另一组标记单独显示,我恰好需要将它们显示在集群上方。我尝试在集群选项对象中设置zIndex,低于第二组标记的zIndex,但无济于事。知道如何解决这个问题吗? 最佳答案 这是可以做到的,但是在您到达那里之前这是一条非常崎岖的路...正如Rick所说,问题是MarkerClusterer添加了一个自己的OverlayView,其群集图标作为常规标记位于较高的Pane中。在聚类上方添加标记的唯一方法是用自己的武器击败聚类者并添加自己的OverlayView并将标记图标标记添加到更高的Pane(阅读有关Pa

javascript - 谷歌地图 V3 上下文菜单

我正在寻找GoogleMapV3上下文菜单库。我在这里找到了一些代码示例Gizzmo'sblogGoogleAPItipsGMap3HowIgot..堆栈溢出问题Googlemapsv3-Contextualmenuavailable?ofApril也刚刚想出了上面的例子。Gmap3addingasimplecontextmenu也是如此.但也许有人已经将这些示例封装在一个可重用的库中,或者同时找到了一些东西。显然有something对于V2。--更新于2012-05-31--我找到了另一个http://googlemapsmania.blogspot.de/2012/04/creat

javascript - 谷歌地图 API v3 : Is there a callback or event listener for a setMap() event?

我正在开发的网站上使用GoogleMapsAPIv3。我的map下方有一个下拉框,允许用户在map上显示的不同标记集之间切换。每个标记都使用marker.setMap()显示。我的问题是map有时需要很长时间才能显示新标记,尤其是在IE中。我想在map切换标记时显示“正在加载”动画。但我不知道如何检测map何时完成显示新数据(没有页面加载,因为这都是AJAX)。setMap()事件是否有回调或事件监听器,以便我可以在最后一个标记完成加载时调用一个函数来停止“正在加载”动画? 最佳答案 setMap()似乎没有回调或事件监听器,但我想

javascript - 如何创建显示全屏按钮以将我的谷歌地图页面切换为全屏?

我的部分页面上集成了谷歌地图。我想创建一个切换按钮来在全屏和正常尺寸之间切换map。因此,当您单击它时-map会扩展以填满整个浏览器屏幕,然后再次单击它,它会恢复到页面上的原始大小。我该怎么做? 最佳答案 这是一个jQuery实现。$("#map_toggler").click(function(){$("#map").toggleClass("fullscreen")});在CSS中:#map{width:400px;height:200px;}#map.fullscreen{position:fixed;width:100%;h

javascript - 在 D3 中绘制多边形数据的正确格式

我试过这些不同的方法,但似乎没有任何效果。这是我目前拥有的:varvis=d3.select("#chart").append("svg").attr("width",1000).attr("height",667),scaleX=d3.scale.linear().domain([-30,30]).range([0,600]),scaleY=d3.scale.linear().domain([0,50]).range([500,0]),poly=[{"x":0,"y":25},{"x":8.5,"y":23.4},{"x":13.0,"y":21.0},{"x":19.0,"y":1

javascript - 如何在没有 ctx.bezierCurveTo 的情况下使用原生 Javascript 代码绘制贝塞尔曲线?

我需要在没有ctx.bezierCurveTo方法的情况下使用原生Javascript绘制并获取每个步骤的贝塞尔曲线坐标。我找到了几个资源,但我很困惑。特别是this看起来很接近,但我无法清楚地实现。我怎样才能做到这一点? 最佳答案 您可以绘制贝塞尔曲线:bezier=function(t,p0,p1,p2,p3){varcX=3*(p1.x-p0.x),bX=3*(p2.x-p1.x)-cX,aX=p3.x-p0.x-cX-bX;varcY=3*(p1.y-p0.y),bY=3*(p2.y-p1.y)-cY,aY=p3.y-p0.

javascript - 在 v2 上的 chart.js 中的图表上绘制水平线

我使用chart.js绘制了折线图。对于标签和数据集,我从数据库中获取值。我是chart.js及其非常强大的库的新手,但我无法完全理解它。我想画多条水平线。就像数据集的平均值、标准差以及最小值和最大值在哪里。我已经在stackoverflow中尝试过这个问题,但这些都给出了错误,或者可能是我无法理解工作原理。这是我的chart.js代码functiondisplay_graph(id,label,data){varctx=document.getElementById(id);vardata={labels:data.labels,datasets:[{label:label,fill