我是靠谱客的博主 闪闪星月,最近开发中收集的这篇文章主要介绍盘点一下使用高德api踩得坑vue项目引入高德地图使用massMarks 海量标注点时调用高德api,提示你跨域时,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
vue项目引入高德地图
采用在vue项目下public公共资源包的index.html文件里面引用高德的cdn
key :你在高德开放平台里面申请的一个web服务key,高德申请平台
注意:如果你要使用高德的搜索api,那么你一定要申请一个web服务型key,不然无法使用搜索api
plugin=AMap.Geolocation,导入高德地图的插件,并不是地图上使用的组件。
这是第一个坑
使用massMarks 海量标注点时
如果提示你找不到Size,记住一定要在AMap.MassMarks方法,第一个参数传入一个null,别问为什么,问就是踩到了
调用高德api,提示你跨域时
跨域:这里的跨域是因为你在本地服务调取高德地图的服务api报错,很明显,跨服务了
解决办法:
使用fetch进行请求,fetch支持所有类型的请求
fetch:全局 fetch
函数是 web 请求和处理响应的简单方式,不使用 XMLHttpRequest。这个 polyfill 编写的接近标准的 Fetch 规范
最后
以上就是闪闪星月为你收集整理的盘点一下使用高德api踩得坑vue项目引入高德地图使用massMarks 海量标注点时调用高德api,提示你跨域时的全部内容,希望文章能够帮你解决盘点一下使用高德api踩得坑vue项目引入高德地图使用massMarks 海量标注点时调用高德api,提示你跨域时所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复