<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>easyMap JavaScript API Example: simple</title>
<script type="text/javascript" charset="GB2312"
src="http://20.1.12.48:80/EzServerClient/js/EzMapAPI.js"></script>
<script type="text/javascript" charset="GB2312"
src="http://20.1.12.48:80/EzServerClient/js/EzServerClient.gzjs"></script>
<style type="text/css">
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
}
.map{
width:100%;
height:100%;
}
</style>
</head>
<body onload="onLoad()">
<div id="mymap" class="map"></div>
<script type="text/javascript">
function onLoad() {
var url = location.search;//获取url中?后的字符串
var theRequest = new Object();
if(url.indexOf("?")!=-1){
var str = url.substr(1);
strs = str.split("&");
for( var i=0;i<strs.length;i++ ){
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
console.log(theRequest);
//1） ********构造地图控件对象，用于装载地图
var uEzMap = new EzMap(document.getElementById("mymap"));
//2）********初始化地图，并显示地图
uEzMap.initialize();
// uEzMap::initialize();
//3）********以下为其它一些附属功能
// 显示左侧导航工具条
uEzMap.showMapControl();
var centerP = new Point(parseFloat(theRequest.lng),parseFloat(theRequest.lat))
//uEzMap.centerAndZoom(centerP, 17)
var pIcon=new Icon();// 构造一个图标类
pIcon.image="static/images/location.png";
pIcon.height=16;
pIcon.width=16;
var strMsg=theRequest.pointname;
var marker = new Marker(centerP,pIcon);// 构造一个标记叠加对象
uEzMap.addOverlay(marker);// 将标记叠加对象添加到地图中
// 构造鹰眼对象
var ov = new OverView();
// 设置鹰眼的宽度，单位为像素px
ov.width = 200;
// 设置鹰眼的高度
ov.height = 200;
// 添加鹰眼对象到地图对象中
uEzMap.addOverView(ov);
}
</script>
</body>
</html>
