目录 一、需求 前端有时候需要做地图展示,我一般用的地图是天地图和百度地图,大家可以通过官网来制作地图。 1.天地图:天地图API 可根据类参考或者代码示例来制作地图。 2。百度地图:jspopularGL | 百度地图API SDK 申请秘钥、 展示地图、demo参考来制作地图。 前端需要展示地图,添加地址的点位(获取经纬度,把点添加到地图上),点击点跳转到app或者是官网上,这里用到的是百度地图,天地图暂时不提供导航服务。 下面我们对这一需求进行实现。 二、展示地图 html代码: <div class="map" id="map"> </div> 其中map是放地图的容器,一定要给这个div设置宽和高,不然不显示。 css代码: .map{ width: 100%; height: 100vh; } .map .anchorBL { display: none; } 其中.anchorBL是百度地图的水印。这里将水印隐藏,水印长这样: js代码: getMap(); var map; //展示地图 function getMap(){ map = new...