BmapGL统一替换为Bmap出错

最新推荐文章于 2023-03-05 15:01:24 发布
最新推荐文章于 2023-03-05 15:01:24 发布
阅读量228 收藏
点赞数
分类专栏： 地图-前端 文章标签： 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51290484/article/details/129024820
版权 
map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
map.setMapStyleV2({ styleJson: mapStyle });

这两行代码位置放反了，导致样式渲染失败

王慕寒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
百度地图的坑记录
furfur-jiang的博客
09-15 2405
BMapGL和BMap是不同的，BMap更新，需要引入对应文件 BMap <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的密钥"></script> BMapGL <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的密钥"></scr
百度地图BMap和BMapGL的区别
liu_liYao的博客
08-10 1万+
1.引入的js的 BMap引入版本是2.0 <script src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=您的密钥"></script> BMapGL引入版本是1.0 <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script> 2.初始化地图 ...
vue项目引入百度地图BMapGL和BMap实例，以及辅助工具BMapGLLib 的引入，BMapGL鼠标绘制功能
lFFFFFFl的博客
12-29 1万+
vue项目引入百度地图BMapGL和BMap实例，以及辅助工具BMapGLLib 的引入，BMapGL鼠标绘制功能
vue2中使用百度地图BMapGL
qq_42244911的博客
08-16 6888
vue2中使用百度地图BMapGL 目前只支持vue2，安装依赖 npm install vue-bmap-gl --save main.js引入包 // 引入百度地图 import VueBMap from 'vue-bmap-gl' import 'vue-bmap-gl/dist/style.css' Vue.use(VueBMap) VueBMap.initBMapApiLoader({ ak: '替换成你的key', v: '1.0' }) 父组件 <template>
百度地图中心之坑
08-24
先说说现象吧，其实很简单。就是加上地图中心的代码后，地图全白了。我放缩地图，移动地图，白色区域和网格区域都存在。具体常见：http://blog.csdn.net/zinjin_woxin/article/details/52301030。欢迎留言，欢迎共勉。
vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具
qq_38334677的博客
02-06 4282
Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它旨在平易近人、灵活且可扩展，重点是声明式渲染和基于组件的架构。Vue 的反应性和可组合性使其成为开发复杂单页应用程序的热门选择。
vue用BMap百度地图实现即时搜索功能
12-30
本文实例为大家分享了vue用BMap百度地图实现即时搜索功能的具体代码，供大家参考，具体内容如下 功能如下： 搜索框搜索—自动下拉—点击数据—数据显示在搜索框里—点击新增–数据显示在下方–点击删除–删除当前 ...
bmap.min.js
05-22
echarts引入百度地图，通过脚本bmap.min.js解决默认开启底图可点功能的底层修改
BMap离线地图资源包
10-10
很多项目需要在内网环境中运行，因此少不了离线地图，在此将自己辛苦总结的东西贡献给同行以供参考使用。
echarts_bmap.js
10-12
echarts引入bmap必须的扩展插件
vue中使用百度webgl地图以及踩坑记录
猫七先生的博客
03-05 2654
百度webgl地图简单使用教程，初始化、添加marker和自定义覆盖物以及设置个性化主题等
vue-baidu-map使用setMapStyleV2自定义样式
jt19880807的专栏
10-29 8709
Vue项目中使用百度地图，用到了vue-baidu-map，但是里面用到的API是2.0，其自定义样式mapStyle性能不是很好，在使用3.0的setMapStyleV2报如下错误： vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: map.setMapStyleV2 is not a function" found in ---> <BmMap> at node_modules/v
对百度地图的 封装（GL版本）含有点聚合 原生js
qq_45319906的博客
09-19 1770
对于百度地图的应用
闲来无事，实现一下百度地图~
m0_58856160的博客
04-01 887
一，申请成为百度开发者，获得使用地图API接口的权限，获取（AK）码。 打开网址：http://lbsyun.baidu.com/ 然后进行申请账号 和 申请成为百度开发者 的操作 这过程中需要邮箱进行验证 创建账号完成之后 获取到AK码 准备工作已经完成 在使用中只需要将（AK）码 （即密钥）写入代码中即可 二、实现首图效果（可以参考开发者指南） 编写HTML页面的基础代码 1，在这一步我们完成头部文件和地图容器样式的编写，让地图容器充满网页。 <!DOCTYPE html>
百度地图BMapGL通过websocket发送的实时点进行打点，并给每个点添加点击事件
weixin_45604639的博客
04-15 4019
由于BMapGL没有海量打点的方法、Bmap3.0没有卫星地图,在各种取舍下还是使用了BMapGL进行打点 并且在开发过程中发现百度地图的画线方法Polyline实时的画线是监听不到点击事件的（必须要一条完整的线）所有只能用Marker进行打点 通过websocket实时发送数据 //websocket数据样式 例 data: { latitude: 36.00 longitude: 116.11 sendTime: 1650006526000 Id: 1 } type: 2 vue <templ
百度地图API_BMap接口的使用形式
热门推荐
liangwenrong的博客
04-02 3万+
想要在HTML中加载百度地图，使用js形式，先去申请个秘钥，然后输入ak=<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=#"></script>其他的跟HTML没啥区别，这里只说API部分。 创建实例：var map = new BMap.Map("allmap"); // 创建Map实例从
百度地图BMap is not defined（Bmap未定义）
hql1439493352的博客
03-30 1万+
看了下我的api请求都是正常的 但是就是一直提示BMap is not defined，而且我在别的页面是能够正常调用的，到了这个页面就不行了，一开始以为是没有异步加载，根据官网方案改为了异步加载 <script type="text/javascript"> function initialize() { var mp = new BMapGL.Map('map'); ...
BMapGL实现地图轨迹运动（地图视角不变）
liu_liYao的博客
12-30 3457
BMmapGL实现地图轨迹 想要实现： 轨迹运动地图视角不能随之改变 有icon标识运动当前的位位置 总的说就是在BMapGl里实现BMap的轨迹运动功能 由于数据之间的经纬度之间的距离太遥远，不能使用每隔一段时间换一个point这种办法，后来仔细看了看百度地图的demo文档，路书的能实现均匀的轨迹运动，但是需求和demo还是有一点点的不同，所以做了小小的改动。 路书demo 最后实现的效果如下： 引入路书的js 在地图上根据数据绘制出一条线 icon和轨迹 var points = [] /
vue 百度地图BMapGL版本如何使用BMap版本的控件
最新发布
05-26
使用BMapGL版本的百度地图和BMap版本的百度地图控件的使用方法有些许不同。一些BMap版本的控件在BMapGL版本中可能不可用，而一些BMapGL版本的扩展控件则只能在BMapGL版本中使用。 如果要在BMapGL版本中使用BMap版本的控件，可以使用以下方法： 1. 首先，确保你已经引入了BMapGL版本的百度地图API。 2. 在HTML文件中添加一个div元素，作为百度地图的容器。 ``` <div id="map"></div> ``` 3. 在JavaScript文件中创建BMapGL版本的地图实例，并在地图加载完成后创建并添加BMap版本的控件。 ``` // 创建BMapGL版本的地图实例 var map = new BMapGL.Map("map"); // 创建BMap版本的控件 var scaleCtrl = new BMap.ScaleControl(); var navCtrl = new BMap.NavigationControl(); // 将BMap版本的控件添加到地图上 map.addControl(scaleCtrl); map.addControl(navCtrl); ``` 注意，BMapGL版本的地图实例和BMap版本的控件都是通过JavaScript代码来创建和添加的。同时要注意，某些BMap版本的控件在BMapGL版本中可能不可用，比如地图类型控件（MapTypeControl），而一些BMapGL版本的扩展控件则只能在BMapGL版本中使用，比如室内地图控件（IndoorMapControl）和3D视图控件（Map3DControl）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值