vue3项目里关于mock.js和高德地图冲突问题

最新推荐文章于 2024-06-28 16:20:01 发布
最新推荐文章于 2024-06-28 16:20:01 发布
阅读量704 收藏 7
点赞数 11
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhihua1231/article/details/137954871
版权
文章讨论了在项目中引入mock.js2.0版本导致高德地图无法加载的问题，提出了解决方案，包括注释mock.js代码或降级到1.4.15版本，同时提到1.4.15版本的鹰眼和搜索提示API需要更新。
摘要由CSDN通过智能技术生成

关于项目里有mock.js 引入2.0版本的高德地图 不加载地图原因是：mockjs会修改地图数据请求头的信息

解决方案：

1、直接把mock.js代码注释掉

2、或者把高德地图的版本降成1.4.15

但是又有新问题 版本是1.4.15的 关于鹰眼和搜索提示的 api也要更换 （具体需要参考高德地图官网 1.4的版本）

概述-地图 JS API 1.4 | 高德地图API

消逝的轩鹤
关注
  • 11
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue+Mock.js模拟登录和表格的增删改查功能
10-18
在本文中，我们将深入探讨如何使用Vue.js框架和Mock.js库来模拟登录功能以及实现表格的增删改查。Vue.js是一个轻量级的前端JavaScript框架，它提供了强大的数据绑定和组件化特性，使得开发更加高效。Mock.js则是一个...
vue.js高德地图实现热点图代码实例
10-17
在本文中，我们将深入探讨如何使用Vue.js与高德...这个实例不仅展示了如何结合使用Vue.js和高德地图API，还提供了处理数据、错误检查和动态加载等实用技巧，对于需要进行地图可视化的开发者来说具有很高的参考价值。
Vue3引入高德地图js API 2.0
hxy793518971的博客
04-20 1553
一文搞定基础的高德地图JSApi用法
vue2整合高德地图JS API v2.0页面不展示问题也没有任何报错(MOCKJS冲突)
qq_31745863的博客
03-08 1585
那么检查一下vue项目中是否使用过mockjs如果使用了mockjs只需要去除mockjs相关依赖即可。如果一下内容中都是正确的。
在 vue3 中使用高德地图
weixin_64684095的博客
04-23 3310
自定义 Marker 内容可以是字符串拼接的 DOM 元素。可以根据 class 名去定义样式。//点标记显示内容`;如果不想使用 JS API 的结果面板，panel 可以缺省或者赋值 false，然后在 search()的回调中处理自己的逻辑，自定义搜索教程前往 输入提示与 POI 搜索。//在回调函数中使用插件功能placeSearch.search("北京大学", function (status, result) {//查询成功时，result 即对应匹配的 POI 信息})
项目中使用高德地图, 地图加载不出来,只有高德Logo
a42558444的博客
03-03 1736
项目是vue2的，我把相同的代码复制到另外一个项目中，发现可以正常显示。 如果出现类似情况，请检查你是否使用了mockjs，我吧mockjs关闭后地图就正常加载了, 如果出现地图不能加载控制台报错, Invalid Object: LngLat(NaN, NaN), 很有可能是你的地图容器也就是container的DIV没有设置宽高, 以上是我遇到的问题, 希望可以帮到你
vue h5高德地图定位自定义icon
前端菜鸡的博客
06-13 4306
在这里插入代码片 <template> <div style="width: 100%;height:100%"> <div id="mapDemo"> <el-amap ref='map' vid="amapDemo" :amap-manager="amapManager" :events="mapEvents" :plug...
three.js和高德地图结合引入obj格式模型.zip
06-27
three.js和高德地图结合引入obj格式模型---------------------three.js和高德地图结合引入obj格式模型---------------------three.js和高德地图结合引入obj格式模型---------------------three.js和高德地图结合引入...
vue+mock.js实现前后端分离
10-16
【Vue+Mock.js 实现前后端分离】 在现代Web开发中，前后端分离是一种常见的架构模式，它将前端UI和后端服务解耦，提高了开发效率和系统的可维护性。Vue.js 是一个轻量级的前端框架，而Mock.js 是一个用于模拟数据的...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
JavaScript检查对象是否包含某个属性
徐三岁的博客
06-28 664
当使用 Object.prototype.hasOwnProperty.call 时，实际上是在调用 hasOwnProperty 方法，并明确指定 this 的值，这使得可以检查任何对象是否拥有指定的属性。使用 Object.prototype.hasOwnProperty.call 的好处是，它允许将 hasOwnProperty 方法作为一个函数传递给其他函数，或者在不直接引用对象的情况下使用它。hasOwnProperty 方法会检查对象自身是否具有指定的属性，而不考虑原型链。
jQuery 选择前、后、父元素进行操作
qq_30049249的博客
06-25 550
https://andi.cn/page/621465.html
JavaWeb系列二十: jQuery的DOM操作 下
你好, 我在学java的博客
06-24 452
jQuery的DOM操作CSS-DOM操作多选框案例页面加载完毕触发方法作业布置jQuery获取选中复选框的值jQuery控制checkbox被选中jQuery控制(全选/全不选/反选)jQuery动态添加删除用户 CSS-DOM操作 获取和设置元素的样式属性: css() 获取和设置元素透明度: opacity属性 获取和设置元素高度, 宽度: height(), width(). 在设置值时, 若只传递数字, 则默认单位是px; 如需要使用其它单位则需传递一个字符串, 例如 $(“p:first”)
Nuxt 应用的三种运行模式（五）
qq_35876316的博客
06-26 513
SPA 模式是最常见的 Web 应用模式，整个应用在加载完成后，用户的操作不会引发页面跳转，而是通过 JavaScript 动态更新页面内容。
React useImperativeHandle Hook
hawk2014bj的博客
06-26 308
useImperativeHandle 在 React 为我提供了一个可以为 ref 绑定处理方法的 hook，useImperativeHandle 源码中可以看到实现了绑定以及清理的逻辑。
uniApp vue2 vue3配置代理
最新发布
小白变怪兽
06-28 215
【代码】uniApp vue2 vue3配置代理。
Vue3实现记住密码功能
jsbbhx的博客
06-25 223
npm i js-cookie // 使用Cookie来实现记住密码功能npm i jsencrypt //使用jsencrypt进行加密解密。
vue3项目里只有vite.config.js 没有vue.config.js
02-05
在Vue 3项目中，如果只有vite.config.js而没有vue.config.js，那么说明该项目是使用Vite作为构建工具而不是Vue CLI。Vite是一个基于ES模块的构建工具，它在开发环境下具有快速的冷启动和热模块替换能力，可以提供更...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值