手绘地图展示(北京欢乐谷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
投票数
文章评分