码迷,mamicode.com
首页 > 其他好文 > 详细

vue框架下echarts导入地图和调用百度地图接口

时间:2020-06-15 16:12:35      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:adb   port   index   百度地图   pack   功能   blog   logs   中国地图   

vue框架下echarts导入地图和调用百度地图接口的一些帮助和介绍

概述:主要是在vue框架下导入地图(全国地图和百度地图),因为自己在团队项目中负责的就是前端的地图功能页面,同时尽量按照原型设计的完成。

一. 在vue框架下导入中国地图及下钻到各省市地图

二. 在vue框架下调用百度地图api

在密钥位置填入你申请的密钥

  • 步骤三:在webpack.base.conf.js配置文件中配置BMap

  • 步骤四:在地图组件中import BMap

  • 步骤五:创建地图对象,在mounted生命周期调用;
    具体代码参考链接
    https://www.jb51.net/article/160224.htm

这样就完成了在vue框架下的百度地图api的调用,然后使用vue中的路由跳转和动态传参就可以实现具体的中国地图跳转百度地图了。

一些有用的参考链接:

百度地图开发平台:http://lbsyun.baidu.com/

Vue官网:https://cn.vuejs.org/

Echarts官网:https://echarts.apache.org/zh/index.html

vue框架下echarts导入地图和调用百度地图接口

标签:adb   port   index   百度地图   pack   功能   blog   logs   中国地图   

原文地址:https://www.cnblogs.com/linjieblog/p/13130961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!