Gaodeマップのポジショニングの問題

AutoNaviおよびBaiduマップを使用するときに発生したいくつかの問題を記録します

1.ポジショニングから都市名を取得します。通常、AutoNavi Mapによって返されるフィールド名は都市ですが、中央政府直下の自治体から返されるフィールドは州です。

const addressComponent = positionResult.regeocode.addressComponent
city: addressComponent.city || addressComponent.province || this.$store.state.user.city

それでも上記の方法で都市名を取得できない場合は、アプリの場所を使用して取得してください。this。$ store.satet.city ----は、アプリにログインした後に返される都市です。状態で保存されます

 

2. AutoNaviマップを使用すると、コンソールは次のエラーを報告します:無効なオブジェクト:Pixel(NaN、NaN)

 ページがGaodeマップを呼び出すと、緯度と経度の座標を介して座標ポイントがマップに表示されます。座標が空の場合、この例外が報告されます。したがって、座標ポイントを描画するときは、経度を判断する必要があります。と緯度には値があり、Gaodeapi操作を介してそれらをマークします

 

3.百度地図が提供するapiによると、緯度と経度を使用して住所を逆にすると、地区コードの問題は取得されません。
一般的な科学知識:いわゆる「直筒子市」は県レベルの一般名です。地区や郡なしでタウンシップを直接管理する都市。現在、広東省の東関市、広東省の中山市、長須省の嘉峪関市、海南省の丹州市(2015年に設立された県レベルの都市)の5つの県レベルの都市があります。三社市

上記5箇所にゾーンコードがないため、バックエンドインターフェースにゾーンコードが必要な場合、現時点ではフロントエンドが緯度・経度に応じて住所詳細を確認し、ゾーンコードを取得できません。

解決策:バックグラウンドは、ゾーンコーディングがない状況に対処する必要があります

 

4. Gaode uiコンポーネントライブラリ--- AMapUI、https: //lbs.gaode.com/api/amap-ui/intro/

1)たとえば、UIコンポーネントライブラリを以下に紹介すると、プロパティinitAMapUI:fnがウィンドウオブジェクトに生成されます。ウィンドウオブジェクトにオブジェクトAMapUIを生成するには、window.onApiLoadedメソッドでリッスンする必要があります。プロパティが使用可能である場合は、呼び出す必要がありますinitAMapUIメソッドをクリックしてwindow.AMapUIを生成します

<!--引入UI组件库(1.1版本) -->
<script src="//webapi.amap.com/ui/1.1/main.js"></script>

2)マップが生成される場所で、必要に応じて必要なコンポーネントを導入AMapUI.loadUIし、インターフェイスに特定のUIをロードしてから、ドラッグアンドドロップコンポーネントなどのコールバック関数でそれを参照します--- PositionPicker(ドラッグアンドドロップ)場所)、https:// lbs.gaode.com/api/amap-ui/reference-amap-ui/other/positionpicker

//加载PositionPicker,loadUI的路径参数为模块名中 'ui/' 之后的部分
AMapUI.loadUI(['misc/PositionPicker'], function(PositionPicker) {
    var map = new AMap.Map('container',{
        zoom:16
    })
    var positionPicker = new PositionPicker({
        mode:'dragMap',//设定为拖拽地图模式,可选'dragMap'、'dragMarker',默认为'dragMap'
        map:map//依赖地图对象
    });
    //TODO:事件绑定、结果处理等
});

5. Gaodeマップにバインドされたイベント:https://lbs.gaode.com/api/javascript-api/guide/events/map_overlay 、イベントのバインドと削除:https://lbs.gaode.com / api / javascript-api / reference / event

 

おすすめ

転載: blog.csdn.net/tangxiujiang/article/details/110285460