前端-百度地图-gis----1
前段时间,应要求嘛,学习看了(一个月)一点地图开发方面的东西(能用点东西),首先接触的是百度地图,给想了解的人介绍一下,我学习中用到的方法和一些想法
先给大家一个官网地址:http://lbsyun.baidu.com/index.php?title=jspopularGL
这个是要登录的,好像是百度账号就可以了,文档是中文
这个是百度地图开放平台,里面有很多,我用到的开发文档里面的web开发,
进入熟悉的JavaScript API GL 开发,先看文档,想练手了就进入

这个DEMO详情,里面就是最新的例子**(示例中心)和api**,
不过在这之前先要获取到秘钥(key),成为百度开发者,申请,有免费的;
在这之前根据文档先 引入,
这个引入 需要多种的,看需求,为什么这么说,以为他这个是新版本(我这么理解的)和老版本,
引入的文件是不同的(我就用了几个),一个简单的热力图实现,你还要引入关于热力图的文件(感觉很扯淡),里面创建实例
var map = new BMapGL.Map("container"); 或者 var map = new BMap.Map("container");
引入的文件也分这两种,前者应该是最新的,后者是2.0的好像,这个我也不是很清了,若是有懂得,评论区解释一下,谢谢。
我一般用的就是前者,先创建实例,地图体现的 容器 div 就是container,地图有了,一般是默认的地图,然后再地图上 标识(也就是打个点)
let map = new BMapGL.Map("container", {minZoom: 9, //这里是我限制了地图的等级,最小只能到9最大到18,就是缩放扩大的等级,可以不要,就默认。maxZoom: 18}); //创建地图实例 map.setDisplayOptions({poiIcon: false}) //地图样式-去除底层icon这个是因为有时候放大地图,街区小店路口等等很多的名字icon就显示一屏都是,感觉很烦,就false去掉了map.setMapStyleV2({styleJson: styleJson}); //地图样式这个方法是添加地图样式, 是json文件,一般你不给就是默认的,地图样式等下下面说centerAndZoom 是默认打开地图(就是刷新页面),显示的中心位置,经纬度 后面的9 是,打开地图的等级,就是显示的时候 放大缩小的级别,显示一个中国还是一个天津市的一个路标map.centerAndZoom(new BMapGL.Point(117.204067, 39.095135), 9); //天津//----enableScrollWheelZoom 开启之后就可以滑轮放大缩小,很不赖map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放let scaleCtrl = new BMapGL.ScaleControl(); //添加比例尺控件定义了控件是要添加才能出现的map.addControl(scaleCtrl); //将控件添加到地图上let zoomCtrl = new BMapGL.ZoomControl(); //添加缩放控件map.addControl(zoomCtrl);map.getInfoWindow() //获取当前打开的信息窗口实例,如果当前地图没有处于打开状态信息窗口// map.setTilt(50); //倾斜角度这个倾斜是地图倾斜,emmmmmm,就是打开地图后,他是带角度倾斜呈现的})
关于控件:

这就是一个控件,比例尺控件,可以看到1___1代表是多长的距离;

这也是一个控件,是可以点击 放大一级或缩小一级的;
等等,控件有很多,可以参照打开百度地图页面里面显示的;
还有一个关于地图样式
开始你若不手动添加就是默认的,白色地图:

这里可以自己设计你自己想要的地图,然后下载成json文件,引入就可以用,没有你想象不到的,只有你做不到的地图。(这个审美和天赋很重要)
暂时先介绍到这里,后面会一点点写出我用到的和实现的地图
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
