百度地图
文章平均质量分 60
lihefei_coder
这个作者很懒,什么都没留下…
展开
-
BaiduMapTileCutter切百度地图瓦片
准备工作1.安装好MapTiler Desktop切图工具2.准备好要切的图片3.获取图片中心点在地图上对应的经度和纬度值获取方式:先将百度地图底图与业务底图放在PS同一个画布,然后拉参考线标出中心点再将业务底图隐藏,可以看到标记的点在地图的位置然后打开百度地图拾取坐标系统在地图上找到标记的位置,点击获取经纬度(例子:116.403263,39.92455)设置切图参数1.打开BaiduMapTileCutter软件,选择业务底图文件,然后跟着下一步操作2.将之前复制的经纬度原创 2022-02-22 12:31:24 · 2286 阅读 · 1 评论 -
Leaflet地图加载百度底图
源代码<!DOCTYPE html><html style="padding:0;margin:0;"><head><meta charset="utf-8"/><title></title><link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.css"><script src="http.原创 2021-08-11 16:33:18 · 644 阅读 · 0 评论 -
百度地图缩放或拖拽时多边形覆盖物消失问题
问题产生的原因使用的point点不是通过使用new BMap.point()实例化出来的,所以会导致覆盖物忽隐忽现的情况产生测试代码提示:示例里需要加上自己的百度地图key才能正常显示<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="v原创 2020-08-05 17:12:27 · 1805 阅读 · 0 评论 -
百度地图自定义地图类型瓦片底图
提示:请使用自己申请的《百度地图key》替换代码中的《此处使用你自己的key》<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>自定义地图类型瓦片</title> <style> html, body { heig.原创 2020-07-16 16:53:40 · 3514 阅读 · 1 评论 -
百度地图突破19级缩放限制解决方案
百度地图默认最大缩放级别为19级,但在某些场景中需要结合自定义贴图实现更高级别的视图通过下面这种方式就能自定义最大最小缩放层级提示:请使用自己申请的《百度地图key》替换代码中的《此处使用你自己的key》<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>百度地图突破19级缩放限制</title> <原创 2020-07-16 15:49:41 · 5661 阅读 · 10 评论 -
获取一组坐标的中心点
/** * 获取一组坐标的中心点 * @param {Array} points 坐标集合 * @returns {Object} 中心点 */function getCenter(points = []) { let point = { lat: 0, lng: 0 }; if (points.length) { ...原创 2020-03-20 20:16:08 · 4183 阅读 · 2 评论 -
百度地图设置圆形覆盖物的最佳视角
此方法为不严谨的计算,勉强能用/** * 设置圆覆盖物最佳视角 * @param {Object} point 坐标点 * @param {Number} radius 直径 */function setCircleBestViewport(point, radius) { //地图缩放最大层级为20级,比例尺对应显示的米数为20米,假设圆的直径是100米 //地图在20...原创 2020-03-20 18:49:17 · 755 阅读 · 0 评论 -
百度地图级别与比例尺对照表
级别 比例尺 23级 1m 22级 2m 21级 5m 20级 10m 19级 20m 18级 50m 17级 100m 16级 200m 15级 500m 14级 1km 13级 2km 12级 5km 11级 10km...原创 2019-12-04 14:26:53 · 10810 阅读 · 0 评论 -
百度地图创建自定义覆盖物
<!doctype html><html><head><meta charset="utf-8"><title>百度地图自定义覆盖物</title><style type="text/css" media="screen">body,html,#mapContainer{ width: 100%; height: 100%; overflow: hidden;原创 2017-08-02 22:13:22 · 2237 阅读 · 0 评论 -
百度地图点击地图获取地址
<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>百度地图点击地图获取地址信息</title><style>body, html,#map {width: 100%;height: 100%;overf原创 2017-11-15 16:12:00 · 9164 阅读 · 0 评论 -
百度地图可视区域随标记点位置自动切换
注:为保证demo正常运行,需要在下面代码这一行&amp;amp;lt;script src=”http://api.map.baidu.com/api?v=2.0&amp;amp;amp;ak=你的key“&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;填写有效的key&amp;amp;lt;!doctype html&amp;amp;gt;&am原创 2018-04-17 13:56:01 · 2348 阅读 · 4 评论 -
百度地图验证鼠标是否点击在覆盖物内
注:复制代码运行时请修改有效的key<!doctype html><html><head> <meta charset="utf-8"> <title>百度地图验证鼠标是否点击在覆盖物内</title> <style type="text/css" med原创 2018-06-28 11:51:09 · 663 阅读 · 0 评论 -
vue百度地图自定义标记图标
由于vue的路由机制,导致通过传参写的相对位置的图片资源时并不能被正常获取,需要通过import的方式导入资源import iconCar from '../assets/images/deviceIcon/car.png'; //以import的方式导入图片文件const map = new BMap.Map("Map");const point = new BMap.Point...原创 2018-09-04 09:47:25 · 12777 阅读 · 1 评论 -
百度地图 多个标记点设置最佳视角
const points = [point1, point2, point3, point4, point5]; //一组坐标点const view = map.getViewport(points); //获取最佳视角const zoom = view.zoom; //获取最佳视角的缩放层级const centerPoint = view.center; //获取最佳视角的中心点...原创 2018-09-10 12:59:07 · 2212 阅读 · 0 评论 -
GPS、谷歌、百度坐标系互相转换
var GPS = { PI : 3.14159265358979324, x_pi : 3.14159265358979324 * 3000.0 / 180.0, delta : function (lat, lng) { // Krasovsky 1940 // // a = 6378245.0, 1/f = 298.3...转载 2018-09-25 11:27:42 · 10904 阅读 · 0 评论 -
H5调用百度、高德导航
拾取百度坐标点http://api.map.baidu.com/lbsapi/getpoint/index.html调用高德导航链接<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>调用百度导航链接<a href="http://api.map.bai...原创 2018-11-29 20:41:35 · 3950 阅读 · 0 评论 -
禁用地图默认点击弹框
百度地图var map = new BMap.Map(“allmap”, { enableMapClick: false //取消默认窗口});高德地图dialog = new AMap.InfoWindow({ content : content, isCustom: true, //使用自定义窗体 offset : offset});...原创 2019-05-07 13:34:46 · 1979 阅读 · 0 评论 -
百度地图设置圆形覆盖物最佳视角
在百度地图中可以根据一组坐标点设置地图的最佳视角,但是针对只有一个中心点坐标的圆形覆盖物却没有提供设置最佳视角的API方法,只能自己另外实现,实现思路是根据圆形遮盖物的直径算出对应的地图缩放层级。下面的表格是每个层级对应的距离比例,从最高层往下推可以得出的规律是每下一级对应的比列大约是上一级的两倍,例:18级≈19级x217级=18级x216级=17级x215级≈16级x214级=15...原创 2019-09-19 09:58:59 · 1103 阅读 · 0 评论 -
百度地图常用API
<style>body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}</style><div id="map"></div><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的原创 2017-01-13 10:36:59 · 1065 阅读 · 0 评论