<html xmlns="http://www.w3.org/1999/xhtml">
<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>
