Vue - 超詳細な PC Web サイト Web ページでは、Baidu 地図チュートリアルを地図の例とともに紹介しています / 現在のデバイスの位置の省、市、詳細な住所、経度、緯度情報を取得します / ユーザーの現在の IP 位置の位置情報など (初心者 Xiaobai)すぐに開始でき、Nuxt.js も動作します)

序文

オンライン チュートリアルは非常に乱雑で (さまざまな非標準的な使用方法のチュートリアルにはさまざまなバグがあります)、コードは乱雑でコメントがなく、修正することは不可能です。

この記事は、Xiaobi の観点から、vue / nuxt ウェブサイト プロジェクトで 、など)、現在のIPテリトリーなど、共通関数例のソースコードを取得!

チュートリアルに従って、シンプルかつ順序立てて構成を完了し、最後にサンプル ソース コードをコピーし、少し変更を加えて実行して使用できます。


以下の図に示すように、構成が正常にインストールされ、Baidu 地図が読み込まれて表示され、現在位置情報が取得されます。

各サンプルは「独立した」便利なオンデマンド コピーであり、WeChat 公式アカウント、モバイル端末、PC、その他の Web サイト プロジェクトに適しています。

示例代码干净整洁注释详细,无任何乱七八糟的样式

ここに画像の説明を挿入 ここに画像の説明を挿入

AKに申請する

1つ目は、Baidu Mapsのキー(AK)を申請することで、Baidu Mapsの機能を使用したい場合は申請する必要があります。

百度地図を開く

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/130952573