WebGIS的简单应用:

开发环境:

Windows10

VS2019网络开发环境

开发工具:

百度地图JS API

任务:

1.加载地图并定位到辽宁工程技术大学北校区

2.设置地图的放大缩小级别最小8最大18

3.设置地图的显示范围121.587583,41.992218到121.699979,42.065947

4.获取地图的当前显示范围

5.获取辽宁工程技术大学北校区北门到南门的距离

6.添加比例尺控件

7.添加地图类型控件

8.添加放大缩小右键菜单

9.添加一矩形最小坐标和最大坐标

10.显示热力图

 

 

 

开发步骤:

1.申请百度地图应用开发的key,http://lbsyun.baidu.com/apiconsole/center#/home

2.进入控制台后在左侧点击创建应用,在右侧输入应用名称,应用类型选择浏览器端,在白名单中输入*

3.进入demo,http://lbsyun.baidu.com/jsdemo.htm#a1_2

4.复制该页代码

5.在vs中新建html页

6.复制的代码拷贝进去,修改html页名称为辽宁工程技术大学,修改地图的定位级别,修改定位的中心点坐标和定位城市

7.设置地图的显示范围

8.设置地图的最大和最小显示级别

9.获取地图的当前显示范围

10.计算南门到北门距离

11.添加比例尺控件

12.添加地图类型控件

13.添加放大缩小右键菜单

14.添加矩形

15.添加热力图

 

 

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐