はじめに
ビジネス要件: ユーザーが入力した詳細な住所に従って、住所の経度と緯度を取得してバックエンドに渡しますが、地図は必要ありません。
準備内容
1. クロスドメインや不安な転送レポートのクロスドメイン問題を解決するためにjosnpをインストールする
注文の実行:
npm install vue-jsonp --save
エントリ ファイル main.js を追加します。
import {VueJsonp} from 'vue-jsonp'
Vue.use(VueJsonp)
基本的な使い方:
this.$jsonp(地址, 传参参数对象{} ).then(json => {
// 返回的内容
console.log(json)
}).catch(err => {
console.log(err)
})
2.百度地図ak(キー)、百度の申請方法、説明なし
Baidu Map API を使用、リンク アドレス:
リバース ジオコーディング gc | Baidu Map API SDK
使用したプロジェクトと作品
this.$jsonp('http://api.map.baidu.com/geocoding/v3/', {
address: '北京市海淀区上地十街10号',
output: 'json',
ak: 您的密钥
}).then(json => {
// 得到我们想要的内容
console.log(json)
}).catch(err => {
console.log(err)
})