一、安装平台
PhoneGap支持5种平台,IOS,安卓,黑莓,WebOS,塞班。
我们下面以IOS为例,开发一个定位的APP。
1、下载xCode
注意看清楚,狮子系统和雪豹系统的安装程序是不一样的。
a.可以到苹果应用商店app store上下载,不过速度非常的慢,一通宵都下载不到20%……优点是免费。
b.也可以到macx上下载,速度快,非会员收费。
c.其实也可以找有安装程序的人拷贝,速度快,也免费……
2、下载PhoneGap
到官网上下载,免费的,
二、项目配置
1、启动xCode,在菜单那里选择“create a new xcode project”
2、从模板列表里选择“phonegap-based application”,然后next
3、输入公司名称、项目名称
4、选择储存目录。
我一般就放到桌面上,哈哈。
5、右键单击(触控板2个手指按)项目左侧的导航窗口,点击“show in Finder”。
6、找到www文件夹。
7、把www文件夹拖动到蓝色项目条上
8、把你的地图htm文件拷贝到index.html里面。点击运行,就OK啦~
原理就是获取各省的边界坐标,然后在地图上面用不颜色的覆盖物Polygon,百度地图和谷歌地图都有同样的Polygon类。
百度地图的API相关Polygon文档在这里:http://dev.baidu.com/wiki/map/index.php?title=Class:%E8%A6%86%E7%9B%96%E7%89%A9%E7%B1%BB/Polygon
谷歌地图API相关Polygon文档在这里:https://developers.google.com/maps/documentation/javascript/reference#Polygon