底图切换

下一期项目有一项优化叫做底图切换，客户可以自己选择看不看见街道图这个东西，研究了一下，简单基本实现demo。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>切换</title><style>html,body {height: 100%;margin: 0;}</style>
</head><body><button class="btn" onclick="handleChange()">切换</button><div id="map" style="width: 100%; height: 100%;"></div><script src="https://api.map.baidu.com/api?v=3.0&ak=你的key"></script><script>const tileLayer1 = new BMap.TileLayer();tileLayer1.getTilesUrl = function (tileCoord, zoom) {const x = tileCoord.x;const y = tileCoord.y;return "***.png";     //你的底图   本人截了一张百度的底图做demo};var mapType1 = new BMap.MapType('自定义地图', tileLayer1, { minZoom: 10, maxZoom: 25 });var map = new BMap.Map('map', { mapType: mapType1 });map.centerAndZoom(new BMap.Point(116.404, 39.915), 21);map.enableScrollWheelZoom(true);var point = new BMap.Point(116.404, 39.915);var marker = new BMap.Marker(point);        // 创建标注   map.addOverlay(marker);var flag = 1function handleChange() {if (flag == 1) {console.log('111');map.setMapType(BMAP_NORMAL_MAP);flag = 2} else {flag = 1map.setMapType(mapType1);}}</script>
</body></html>

对百度地图的使用还是不那么灵活，导致做出的地图功能优化点太多。如果有大神有较好的海量点打点（业务方向是铁路）的优化方案，希望可以带带小弟。现在的海量点渲染出的地图人员点太卡顿了。

百度地图API-实现底图切换相关推荐

【百度地图API】暑假放假回老家——城市切换功能
原文:[百度地图API]暑假放假回老家--城市切换功能任务描述: 酸奶小妹放寒假啦,要从北京呼啦一下飞回重庆呢.现在百度地图API上不能直接切换城市,怎么办呢? 如何实现: 利用API先搜索到要去城 ...
根据百度地图API自定义切换地图类型为卫星或普通
业务场景根据实际业务场景的需要,不能直接使用百度地图的控件,所以打算用百度地图API中map类的setMapType()方法实现.在Vue3中使用百度地图API切换地图类型为卫星或普通,创建一个自定 ...
vue调用百度地图API实现点击相应位置切换地图定位
vue调用百度地图API实现点击相应位置切换地图定位 1.需求分析在页面显示地图,初始状态显示上海市,地图上有特定地点的标注. 左侧为建筑(地点)列表,点击某个地点右侧地图定位到其地理位置并显示具体 ...
【百度地图API】百度API卫星图使用方法和卫星图对比工具
百度地图API推出卫星图接口也有一个月啦~ 本文除了介绍如何使用百度地图API来操作卫星图外,还顺带制作了个卫星图对比工具. 一.百度地图API卫星图调用百度卫星图有两种方式,一是地图类型控件,一是 ...
用百度地图API分析打交通大数据
百度地图API, 文档不全,例子不细致. 在网上还没有太多有用的例子.比如说下面几个需求的解决方案就找不到: 1. 如何用百度地图API查询一个地点的经纬度. 2. 如何用百度地图通过一个经纬度查询商 ...
Android中应用百度地图API开发地图APP实例-显示百度地图
场景效果在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY http://lbsyun.baidu.com/index.php 申请API_KEY 登录百度开放平台后找到控制台下 ...
使用百度地图API制作线路轨迹播放
1.使用百度地图API制作轨迹播放: 可应用于车辆跟踪.行驶线路回放.跑步行程的记录等地图应用场景, 1.1绘制静态轨迹图获取多个轨迹点point(必须包含经度.纬度) 使用polyline对象依次 ...
百度地图API开发指南
百度地图API开发指南本文为百度地图API官方版本的开发指南,供各位51CTO的网友进行参考. 简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮 ...
PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例
PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例原文:PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例 <!--小幅的坐标转换点位程 ...

百度地图API-实现底图切换

底图切换

百度地图API-实现底图切换相关推荐

最新文章

热门文章