web前端|js教程
Vue，地图，JavaScript
web前端-js教程
地图在项目中用得很多，最近也用了几次，好长时间不用都记不清了，闲暇时整理了vue里使用百度地图的2种方法，方便自己查看，也分享给大家，希望可以帮助有需要的人。
senparc 源码下载,ubuntu只能进客人,tomcat网络负载平衡,爬虫书籍,php使用成员变量,seo 黑帽seolzw
普遍的方法是：
php程序更新源码,vscode必要的插件,ubuntu安全更新,tomcat山寨版,安卓手机 查看sqlite,八爪鱼爬虫官网下载,php连接不上数据库,莆田网络seo推广,dede网站发布上线,网页 全屏 触摸屏,access管理系统模板下载lzw
1.index.html 中引入
vip解析接口源码,vscode 高亮插件,ubuntu spss,内置tomcat路径,sqlite3切换盘符,zen cart 1.5.1 中文插件版,学习前端可以直接学框架吗,爬虫淘宝商户电话号码,php留言板设计,新手学习seo 引流,php 直播网站,网页切割教程,.net 页面样式模板lzw
2.新建个组件maps
注意 ：不要把组件命名为map，因为html中有map标签，会报错
报错：Do not use built-in or reserved HTML elements as component id:map
3.然后就可以直接再组件了写相关代码了
mounted(){var map = new BMap.Map(map)var point = new BMap.Point(108.840053, 34.129522)map.centerAndZoom(point, 14)//... }
另一个方法：
1.新建一个map.js
export function MP(ak) { return new Promise(function (resolve, reject) { window.onload = function () {resolve(BMap) } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://api./api?v=2.0&ak="+ak+"&callback=init"; script.onerror = reject; document.head.appendChild(script); })}
2.在需要用到的地图的vue页面中引入
import {MP} from ./map.js
3.在vue页面中调用
data:{ return{ ak:1287348913029483740293//密钥 }},mounted(){ this.$nextTick(function(){var _this = this;MP(_this.ak).then(BMap => { //在此调用api}) }}
