15模块-Maps【管理地图控件】
Maps模块管理地图控件，用于在web页面中显示地图控件，提供各种接口操作地图控件，如添加标点、路线等
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>心得</title>
<script type="text/javascript">
setTimeout("one()",2000);//2秒的时间足够plus载入了
var mapObj=null;
var my_point=null;//我的坐标
var other_point=null;//地图上点击的坐标
function one(){
//创建地图
mapObj = new plus.maps.Map('map',{
type:'MAPTYPE_NORMAL',
traffic:true,
zoomControls:true,
});
mapObj.onclick = function(point) {
document.getElementById("one").innerHTML = "";
document.getElementById("one").innerHTML += "<li>点击处经度："+point.getLng()+"</li>";
document.getElementById("one").innerHTML += "<li>点击处纬度："+point.getLat()+"</li>";
other_point = new plus.maps.Point(point.getLng(),point.getLat());
}
//获取用户的当前位置信息
mapObj.getUserLocation(function(status,point){
if(status==0){
document.getElementById("two").innerHTML += "<li>当前用户经度："+point.getLng()+"</li>";
document.getElementById("two").innerHTML += "<li>当前用户纬度："+point.getLat()+"</li>";
my_point = new plus.maps.Point(point.getLng(),point.getLat());
mapObj.setCenter(new plus.maps.Point(point.getLng(),point.getLat()));//设置地图中心点
}
});
mapObj.showUserLocation(true);//显示用户位置
}
</script>
</head>
<style>
#map{position: fixed;top: 200px;left: 0px;width: 100%;height:300px;}
</style>
<body>
<ul id="two"></ul>
<ul id="one"></ul>
<div id='map'></div>
</body>
</html>
