Browse Source

测试百度地图

develop
nesxy 6 years ago
parent
commit
f0ff805e35
4 changed files with 13 additions and 12 deletions
  1. 6
      build/webpack.base.conf.js
  2. 2
      index.html
  3. 10
      src/main.js
  4. 7
      src/view/home.vue

6
build/webpack.base.conf.js

@ -18,9 +18,9 @@ let webpackConfig = {
app: ["babel-polyfill", "./src/main.js"] app: ["babel-polyfill", "./src/main.js"]
}, },
//添加 //添加
// externals: {
// "BMap": "BMap"
// },
externals: {
"BMap": "BMap"
},
output: { output: {
path: config.build.assetsRoot, path: config.build.assetsRoot,
filename: '[name].js', filename: '[name].js',

2
index.html

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script> <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=m8sGHZTpKuDeDAU5qs4YUWWDP1v6XZsq"></script> -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=m8sGHZTpKuDeDAU5qs4YUWWDP1v6XZsq"></script>
<title>一号家政</title> <title>一号家政</title>
</head> </head>
<body> <body>

10
src/main.js

@ -2,7 +2,7 @@
// (runtime-only or standalone) has been set in webpack.base.conf with an alias. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from "vue"; import Vue from "vue";
import BMap from 'vue-baidu-map';
// import BMap from 'vue-baidu-map';
import { import {
WechatPlugin, WechatPlugin,
LoadingPlugin, LoadingPlugin,
@ -33,10 +33,10 @@ Vue.use(LoadingPlugin);
Vue.use(ToastPlugin); Vue.use(ToastPlugin);
Vue.use(AlertPlugin); Vue.use(AlertPlugin);
Vue.use(VueCookies) Vue.use(VueCookies)
Vue.use(BMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'm8sGHZTpKuDeDAU5qs4YUWWDP1v6XZsq'
})
// Vue.use(BMap, {
// // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
// ak: 'm8sGHZTpKuDeDAU5qs4YUWWDP1v6XZsq'
// })
Vue.use(VueAwesomeSwiper); Vue.use(VueAwesomeSwiper);
Vue.mixin({ Vue.mixin({
data() { data() {

7
src/view/home.vue

@ -173,7 +173,7 @@ import routerFooter from "../components/nav-bottom";
import popupPicker from "../components/popup-picker.vue"; import popupPicker from "../components/popup-picker.vue";
import Qs from 'qs'; import Qs from 'qs';
//BMap //BMap
// import BMap from 'BMap';
import BMap from 'BMap';
var locationUrl = configs.locationUrl; var locationUrl = configs.locationUrl;
@ -462,8 +462,9 @@ export default {
}, },
getCity(){ getCity(){
let _this = this let _this = this
if (!this.BMap) return false
let BMap = this.BMap
// if (!this.BMap) return false
// let BMap = this.BMap
// alert(Bmap);
var geolocation = new Bmap.Geolocation(); var geolocation = new Bmap.Geolocation();
geolocation.getCurrentPosition(function(r) { geolocation.getCurrentPosition(function(r) {
if (this.getStatus() == BMAP_STATUS_SUCCESS) { if (this.getStatus() == BMAP_STATUS_SUCCESS) {

Loading…
Cancel
Save