欢乐谷手绘地图展示

欢乐谷手绘地图展示

手绘地图展示(北京欢乐谷DEMO演示)推出。核心代码基本无保留给大家,这是给做手绘地图类程序员的福利。大家转载请注明出处,欢迎留言。

普通景区手绘地图开发难度中等。国内外许多地图api提供方提供的 功能服务都能做到。如百度,高德,腾讯,leaflet mapbox,maptalks等等很多。(语言或者描述有不准确的地方请多包涵)

作为嘴笨的程序员,直接上核心。

首先所做景区的手绘图地图切片要做好。这个不用说了。

leaflet 调用手绘地图的瓦片图代码:

L.TileLayer.T = L.TileLayer.extend({

getTileUrl: function(coords) {

x = coords.x

y = coords.y

return ’tiles/’ + coords.z + ‘/’ + x + ‘_’ + y + ‘.png’; }

});

这时候打开网页就可以看到手绘瓦片图展现在地图上了。

剩下的是根据客户需求,添加标记点,添加菜单和各种功能了。因为我即忙又懒所以大家还是自己看DEMO源码吧。

最后:点击上面的按钮即可进入DEMO欣赏。另外看HTML的整个源代码应该难不倒程序员,我就不赘述了。

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x