2.打开本地终端。（因为我是做IOS移植的，所以这里只介绍有关IOS平台下的搭建环境。）
cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
（这里是我的本地目录，大家可根据自己的目录自行查找）
在当前路径$./create /Users/mac/Desktop/demo2 com.company.cxwj
HelloWorld
(这里的意思是在桌面上创建一个项目名称为HellWorld的工程的文件夹）
3.在终端中直接cd回到原始默认路径。
然后进入我们桌面文件夹的cordova路径。
在该路径下执行$./build
直到你看到成功字样。
4.这时候打开桌面上你创建的demo文件夹。
然后用xcode打开里边的demo工程，用虚拟机运行一下
5.接下来我们继续看工程。
看到www文件夹了吧 这里边就是你的HTML5的程序所在了。
以上就是PhoneGap环境搭建了。祝大家顺利。
您好，很高兴为您解答。
1、下载xCode
【注意】狮子系统和雪豹系统的安装程序不同
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里面。点击运行
全部源代码：
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>冀兴驾校--手机版</title>
<link rel="icon" type="image/x-icon" href="http://www.jixingjx.com/favicon.ico" />
<meta name="keyword" content="冀兴驾校,冀兴驾校手机版,jixingjiaxiao"/>
<meta name="description" content="冀兴驾校手机版，让你更快更准确地找到冀兴驾校！"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<style>
body,html,#jx_map{height:100%width:100%padding:0margin:0font-size:14px}
</style>
</head>
<body>
<div id="jx_map"></div>
</body>
<script type="text/javascript">
var map = new BMap.Map("jx_map")
map.centerAndZoom("北京", 14)
map.addControl(new BMap.MapTypeControl({mapTypes:[BMAP_NORMAL_MAP, BMAP_HYBRID_MAP], anchor:BMAP_ANCHOR_TOP_LEFT}))
map.addControl(new BMap.NavigationControl({type:BMAP_NAVIGATION_CONTROL_ZOOM, anchor:BMAP_ANCHOR_BOTTOM_RIGHT}))
// 定义一个控件类
function MyLocation(){
this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT
this.defaultOffset = new BMap.Size(10, 10)
}
MyLocation.prototype = new BMap.Control()
MyLocation.prototype.initialize = function(map){
var div = document.createElement("div")
div.appendChild(document.createTextNode("定位"))
// 设置样式
div.style.cursor = "pointer"
div.style.border = "1px solid gray"
div.style.backgroundColor = "white"
div.style.padding = "10px"
div.style.borderRadius = "5px"
div.onclick = function(e){
var geolocation = new BMap.Geolocation()
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
var mk = new BMap.Marker(r.point)
map.addOverlay(mk)
map.panTo(r.point)
gc.getLocation(r.point, function(rs){
var sContent = "您的位置是:</br>" + rs.address
var infoWindow = new BMap.InfoWindow(sContent, {width:150, offset:new BMap.Size(0,-20)})
map.openInfoWindow(infoWindow, r.point)
})
}
else {
alert("网络不通，请稍后再试。")
}
})
}
map.getContainer().appendChild(div)
return div
}
var mylocation = new MyLocation() //定位
map.addControl(mylocation)
var gc = new BMap.Geocoder() //地址解析
</script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://")
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fc20b7442b4e0e7b9e42e799fae5f60bd' type='text/javascript'%3E%3C/script%3E"))
</script>
</html>
如若满意，请点击右侧【采纳答案】，如若还有问题，请点击【追问】
希望我的回答对您有所帮助，望采纳！
~ O(∩_∩)O~
本文主要介绍在苹果系统上利用Xcode建立PhoneGap应用程序环境和工作流程所需的步骤。http://www.cnblogs.com/duanhuajian/archive/2012/10/09/2717287.html
详细可以参考这个，有图解教程，希望可以帮到你
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）