HTML5 Canvas元素绘制地图,已绘制出地图,并且地图可放大缩小,怎样实现鼠标移动到一幢楼时显示楼的名称

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5 Canvas元素绘制地图,已绘制出地图,并且地图可放大缩小,怎样实现鼠标移动到一幢楼时显示楼的名称相关的知识,希望对你有一定的参考价值。

关键是地图可放大缩小,也可以随意拖动,要重新计算缩放比例和位置什么的,用js写的,有高手知道怎么实现上述功能么???因为代码有点多,就不附上了,可以的话加个Q,谢谢好心人帮助,急啊!!!

看到你标题说html5能画地图,就来了兴趣,特意百度了下资料,不过资料上的地图好像是一张图片,并非画出来的,不免有些失望。
以下是我搜到的一篇资料,你说的缩放、拖动上面都写了。
http://www.cnblogs.com/HPhone/archive/2013/12/06/3459957.html
至于你要实现显示楼的名称,那个就没想出来,抱歉HTML5也只是初学。

当然如果可以不用HTML5实现的话,那还是有办法的,你可以调用百度地图,以下是百度提供的例子,上面可以查看源码,你要做的只是申请一个百度ak,然后按照上面的做就可以实现你的一切需求了。
http://developer.baidu.com/map/jsdemo.htm#c1_9
参考技术A 可以交流交流,我目前也用HTML5 canvas 绘制地图,数据使用GeoJson 参考技术B 能不能把你用和html5的图给我看看!我也做这个!!可以你分!!!。。。

以上是关于HTML5 Canvas元素绘制地图,已绘制出地图,并且地图可放大缩小,怎样实现鼠标移动到一幢楼时显示楼的名称的主要内容,如果未能解决你的问题,请参考以下文章

如何使用canvas绘制走势图

如何在html5的canvas绘制地图

unity怎么把canvas做成小地图

canvas绘制箭头路径效果

怎样使用canvas绘制一个矩形

地图可视化:geopandas绘制拓扑着色地图