百度地图的Hello World具体操作

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

手把手教你最简单的基于百度地图API的Web GIS开发

第一课
本文是在百度地图开放平台的开发者文档的基础上进行详解,0基础的同学需要结合本文和百度地图开放平台的开发者文档一起看,不要偷懒噢!!


一、前期准备

材料准备:一台可以联网的电脑、电脑软件 记事本

1.申请密钥

登录 百度地图开放平台.
点击开发文档——JavaScript API
在这里插入图片描述
阅读开发者文档的第一篇——完成获取密钥的操作
在这里插入图片描述
下图为作者获取的密钥

在这里插入图片描述

二、使用步骤

1.程序媛最爱的Ctrl C与Ctrl V

复制橙色框框中的所有代码到记事本中
在这里插入图片描述

2.替换密钥

将自己申请号的AK(密钥)替换掉
在这里插入图片描述

3.另存文件

另存为 选择所有文件,设置文件名为sss.htm
在这里插入图片描述

4.完成!

在桌面找到刚才保存的文件,双击选择打开方式为浏览器
这样就创建好了一个全图浏览地图的网页
在这里插入图片描述

三、具体解释

1.本例中使用到的相关参数设置

var point = new BMapGL.Point(经度,纬度);

具体意为设置一个point对象的坐标,此例设置为天安门的经纬度。
(需要查找经纬度请点击这里

map.centerAndZoom(point, 15);

将上一句代码中实例化的点设置为地图的中心点坐标,并且设置地图级别,第二个参数越大,地图比例尺越大,显示内容越详细。

2.其他参数:

map.setMapStyleV2({styleId: ‘样式ID’});

样式需要在个性化地图中进行编辑、发布、获取ID号后,进行设置
具体操作参考个性化地图使用指南

设置地图个性化之后,网页效果如下
在这里插入图片描述
是不是很清新呀~
还有许多个性化模板等着你挑选噢

总结

百度地图的开发者文档对于0000000基础的小白来说,总是有点摸不着头脑,比如说拿着代码不知道该怎么编译、学习JavaScript是否需要下载专门的编译器等等问题。本文言简意赅地告诉大家,记事本就可以完成这个功能!

时间,让我从小菜鸟慢慢成长为大菜鸟。

猜你喜欢

转载自blog.csdn.net/ArcGis_Niu/article/details/114529696
今日推荐