Vue3项目调用腾讯地图服务(地址解析 地址转坐标)及使用axios的跨域问题

一,需求

根据传入的文本地址 将其转换为坐标 显示地图点位在腾讯地图上

二,使用axios发送请求

import axios from 'axios'; //引入axios
           axios({url:'https://apis.map.qq.com/ws/geocoder/v1',method:'get'//参数 地址和key值}).then((data)=>{console.log(data)});

但是使用完报跨域错误

(二)解决跨域问题:

经过一番查找,找到了一个方法。使用插件 vue-jsonp,解决跨域问题。

1,安装vue-jsonp,

npm install vue-jsonp

2,直接在使用页面引入使用
import { jsonp } from "vue-jsonp";
  jsonp('http://apis.map.qq.com/ws/geocoder/v1', {address: sonTaskItemObj.address,key: "VUFBZ-SRPCA-REEK7-CQKQP-PDLYV-V4BH5",output: "jsonp"}).then(data => {})

这样我传入的是 xx市xx区xx路 尽量详细  然后会给你返回坐标地址

4,腾讯地图默认的请求是json,在请求的时候需要加 output:"jsonp"

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/256886.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JVM 运行时参数

面试题 JVM的参数,你知道的说一下 (百度) 说说你知道的几种主要的JVM参数(京东) JVM调优调的哪些参数?在哪里写这些参数? (亚信) 内存调优参数都有什么?&am…

​LeetCode解法汇总1466. 重新规划路线

目录链接: 力扣编程题-解法汇总_分享记录-CSDN博客 GitHub同步刷题项目: https://github.com/September26/java-algorithms 原题链接:力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台 描述: n 座城市&…

第一节:安装

Node.js 命令行的TypeScript编译器可以使用Node.js包来安装。 安装 npm install -g typescript 编译 tsc helloworld.ts 由于无法直接运行TypeScript ,所以会将 ts文件 转换成 js文件, 生成一个 js 的文件; 也可以安装 ts-node ,他是封…

redis-学习笔记(list)

因为 list 可以头插头删, 尾插尾删, 所以其实更像 C 中的 deque (双端队列) ---- 知道就好, 别乱说, 具体底层编码是啥, 俺也不知道(没注意过) 可以通过组合, 把 list 当作队列 / 栈来用 list 的几种底层编码: ziplist(压缩列表) , linkedlist(链表) , quicklist ziplist 就是将…

AI助力智慧农业,基于SSD模型开发构建田间作物场景下庄稼作物、杂草检测识别系统

智慧农业随着数字化信息化浪潮的演变有了新的定义,在前面的系列博文中,我们从一些现实世界里面的所见所想所感进行了很多对应的实践,感兴趣的话可以自行移步阅读即可:《自建数据集,基于YOLOv7开发构建农田场景下杂草检…

Agility Robotics 为亚马逊仓库批量生产的人形机器人

一家旨在每年生产 10000 个两足机器人的革命性工厂即将在俄勒冈州塞勒姆成形。 这些机器人由 Agility Robotics 开发,旨在协助亚马逊等行业巨头运输、起重和处理危险货物。 Agility Robotics 表示,其名为 RoboFab 的新制造工厂将成为世界上第一个大规模…

计算整数各位数字之和 C语言xdoj29

时间限制: 1 S 内存限制: 1000 Kb 问题描述: 假设n是一个由最多9位数字(d9, …, d1)组成的正整数。编写一个程序计算n的每一位数字之和 输入说明: 输入数据为一个正整数n 输出说明: 对整数n输出它的各位数字之和后换行 输入样例: …

【已解决】AttributeError: ‘DataFrame‘ object has no attribute ‘append‘

问题描述 AttributeError: ‘DataFrame‘ object has no attribute ‘append‘ 解决办法 原因是pandas版本升级弃用了,在老版本DataFrame的append方法。由于pandas与众多的第三方软件包捆绑,一般不宜轻易降低其版本号。故采用使用pandas的concat()方法将…

Java最全面试题专题---1、Java基础知识(1)

笔者有七八年的面试者经验,负责公司技术同学的社招和校招,近些年面试过三四百个技术同学,考虑接近年底这个时段,整理并更新一些以往的面试经验,希望同学们跳槽能有个更好的工作,如有需要的同学可以关注下笔…

水库大坝安全监测参数与设备

智慧水利中,水库大坝的安全监测必不可少。做好水库大坝的安全监测,是确保水库大坝结构安全和预防灾害的重要手段。对于预防灾害、保护人民生命财产安全、优化工程管理、改进工程设计、保护环境资源和提高公众信任等方面有着重要的意义。 水利水库大坝安全…

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器

环境: MacOS & VSCode & ssh remote 1. VSCode安装插件 2. 配置ssh remote链接 Host 10.128.200.101HostName 10.128.200.101User rootForwardAgent yesIdentityFile ~/.ssh/id_rsa # 服务器免密登录本地秘钥文件路径 配置完保存; 3. 在ssh…

力扣题:字符的统计-12.7

力扣题-12.7 [力扣刷题攻略] Re:从零开始的力扣刷题生活 力扣题1:467. 环绕字符串中唯一的子字符串 解题思想:记录下以字母s[i]结尾的最大的字串个数,然后统计a-z每个字母结尾的最大字串的个数进行i相加 class Solution(object…