关于驴迹导游景区首页功能实现问题

[_happyzhang]

大家好，最近偶尔看到有个驴迹导游APP功能新颖，尤其是景区首页功能。本着猎艳心喜想实现一下这个效果，可是鼓捣了几天了都没有实现。先看一下这个景区首页有哪些功能吧。（以晋祠景区为例）
首页整体


下面来看功能：
1.这个首页左下角有定位功能，并且是不在当前景区会提醒你：您当前不在景区。左上角有罗盘，可以显示当前朝向。
2.首页可以放大缩小，进行拖动。点击某个地点还能有弹出框。看效果图：


3.线路规划，如果你点击了下面的“推荐线路”它会出现一条线路。


那么，各位，问题来了。首先咱们看这个首页的功能是不是跟地图首页的功能很相似？ 1.有定位功能2.有放大缩小3.有线路规划4.有自定义的mark，可以弹出提示。我一开始的思路是这样的，把景区的范围根据定义一个矩形，在这个范围能定位才可以显示问题，这点没问题。线路规划和自定义的mark也没问题，都可以用地图实现。难点就是那个放大缩小功能。因为驴迹导游后面的背景是一张图片，并且上面会放大缩小的也是一张图片，两张图片没问题，但是放到地图上面就有问题了。首先地图的自定义背景是一个问题，其次如果在定位的时候限制了矩形的四个角那图片放也是根据这四个角进行放。那再我这个手机上面图片可以，但是在其它屏幕大小不同的手机上面滑动的时候就可以看见地图背景，就露陷了。所以想请教大家有没有好的办法实现它的这种功能？亦或者是这个首页根本不是基于地图实现的？
请大家指教解惑，谢谢了。

[_happyzhang]

有人查看帖子吗？

[「已注销」]

感觉不是地图实现的 一张图片就能处理，图片上的一些view（耳机图标）在图片上位置是固定的，放大缩小图片就根据缩放倍数重新计算坐标再重绘就好了。 定位功能我猜是图片上坐标和gps信息有个映射关系，可以反映到图片上来。

[阳光csdn]

库:https://github.com/huyanghu/mappwidget 简介:http://blog.csdn.net/wangyuetingtao/article/details/9173689

[_happyzhang]

引用 2 楼 siyolatte 的回复:

感觉不是地图实现的 一张图片就能处理，图片上的一些view（耳机图标）在图片上位置是固定的，放大缩小图片就根据缩放倍数重新计算坐标再重绘就好了。 定位功能我猜是图片上坐标和gps信息有个映射关系，可以反映到图片上来。

嗯 是个思路

[_happyzhang]

引用 3 楼 gengyang123 的回复:

库:https://github.com/huyanghu/mappwidget 简介:http://blog.csdn.net/wangyuetingtao/article/details/9173689

行，谢谢你，我看看这个

[伊莉丝]

很多地方看到楼主的留言了，我也很好奇怎么实现

[_happyzhang]

引用 6 楼 u013658374 的回复:

很多地方看到楼主的留言了，我也很好奇怎么实现

你做啊兄弟，根据楼上的github给的那个demo，看看能不能做出来，我是还在研究当中

[cuilao]

楼主，你现在是怎么做的啊，我也要做这个，用mAppWidget，感觉太复杂了，自己根据坐标计算，始终有bug

[smile_users]

楼主这个功能实现的原理是什么？总感觉放 的不是单纯的图片，景物有一种立体感

[_happyzhang]

引用 9 楼 qq_36410974 的回复:

楼主这个功能实现的原理是什么？总感觉放 的不是单纯的图片，景物有一种立体感

上面的图片肯定是一张图片，至于景物有立体感完全可以画出来这种效果

[小前端龚健]

大佬 实现了吗？我现在也在摸索这卡通地图