<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CenterTo Demo</title>
<link rel="stylesheet" type="text/css" href="../lib/EzServerClient.min.css">
<script type="text/javascript" src="../thirds/assign.polyfill.js"></script>
<script type="text/javascript" src="../lib/EzMapAPI.js"></script>
<script type="text/javascript" src="../lib/EzServerClient.min.js"></script>
<style type="text/css">
body, html {width: 100%;height: 80%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
</head>
<body>
<div id="map" style="width:100%;height:85%;"></div>
<div style="width:100%;height:5%;">
<span>center to: </span>
<select id="locationSelect">
<option value="116.4551,40.2539">北京</option>
<option value="121.4648,31.2891">上海</option>
<option value="117.4219,39.4189">天津</option>
</select>
<button id="centerto">go!</button>
</div>
<div style="width:100%;height:5%;">
<span>地理坐标: </span>
<input type="text" id="locationText" value="">
<span>地图缩放级别: </span>
<input type="text" id="zoomText" value="">
<button id="centerAndZoom">go!</button>
</div>
<div style="width:100%;height:5%;">
<span>地理围栏: </span>
<input type="text" id="boxText" value="">
<button id="centerAtMBR">go!</button>
</div>
<script>
var map = new EzMap('map');
var centertobtn = document.getElementById("centerto");
centertobtn.addEventListener('click',function(){
var selectelement = document.getElementById("locationSelect");
var posstr = selectelement[selectelement.selectedIndex].value;
var tempArr = posstr.split(',');
var coord = new EzCoord(tempArr[0],tempArr[1]);
map.centerAtLatlng(coord);
});
var centerandzoombtn = document.getElementById("centerAndZoom");
centerandzoombtn.addEventListener("click",function(){
var locationText = document.getElementById("locationText").value;
locationText = (locationText === "") ? [0,0] : locationText.split(',');
var coord = new EzCoord(locationText[0],locationText[1]);
var zoomText = document.getElementById("zoomText").value;
zoomText = (zoomText === "") ? 5 : Number(zoomText);
map.centerAndZoom(coord,zoomText);
});
var centeratmbrbtn = document.getElementById("centerAtMBR");
centeratmbrbtn.addEventListener("click",function(){
var boxText = document.getElementById("boxText").value;
boxText = (boxText === '') ? [116.4551,39.4189,117.4219,39.4189,40.2539] : boxText.split(',');
var mbr = new EzMBR(boxText[0],boxText[1],boxText[2],boxText[3]);
map.centerAtMBR(mbr);
});
</script>
</body>
</html>
pgis.rar （15个子文件） 
动态缩放.txt 1KB 地图控件显示.txt 1KB 定位动画展示.txt 2KB 面积测量.txt 1KB 添加title.txt 2KB popup信息展示.txt 2KB 地图展示.txt 3KB 距离测量.txt 1KB 增加内置marker要素.txt 1KB 动态编辑圆.txt 2KB 地图级别控件.txt 1KB 可拖曳maker.txt 1KB 动态编辑矩形.txt 2KB 缩放地图代码.txt 1KB 点击地图事件.txt 2KB资源评论
itcoco
- 粉丝: 29
- 资源: 10
最新资源
- mmexport1732452246811.png
- Python毕业设计基于物品的协同过滤算法实现图书推荐系统项目源码（高分项目）
- 软考(中级-软件设计师)知识点汇总与解析
- Desktop (2).zip
- 考研冲刺模拟试题50道及解析
- 11月美宝莲专卖店店内海报 店内海报完稿310mmX360mm-op.ai
- Python 中实现十大排序算法
- 基于 Java 实现的24点卡牌游戏课程设计
- 基于ssm台球俱乐部管理系统 框架html + css + jquery + jsp + java + ssm + MySQL 用户类型 管理员 admin 123456 普通用户 002 0
- 纸中世界-跳跃游戏.sb3
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
