高い道徳的なマップJSのAPI - 名前に基づいてマーカーを実現します

使用前にドイツ地図JSのAPI製剤は、公式サイトの説明を参照してください。 https://lbs.amap.com/api/javascript-api/guide/abc/prepare

例：https://lbs.amap.com/demo-center/js-api

 

ジオコーディングおよび逆ジオコーディング：マップマーカーによるライGaodeメインマップによると、名前を達成するために配置。特定の実装コードで見てみましょう：

1. HTML（地図コンテナ）

<DIV CLASS = "マップコンテナ" ID = "コンテナ"> </ div>

　　

2. JAVASCRIPT

markLocation関数（マップ、アドレス）{
    AMap.plugin（ 'AMap.Geocoder'、関数（）{
        VARジオコーダ=新しいAMap.Geocoder（）;            
        geocoder.getLocation（アドレス、関数（ステータス、結果）{
            もし（ステータス=== '完全な' && result.info === 'OK'）{

                //緯度と経度                      
                VAR LNG = result.geocodes [0] .location.lng。
                VAR LAT = result.geocodes [0] .location.lat。

                //マップ・インスタンス
                VARマップ=新しいAMap.Map（mapId、{
                    resizeEnable：真、//ズームが可能
                    センター：[LNG、LAT]、//マップの中心を設定
                    、0--20 15 //マップのズームレベルを設定します。ズーム
                }）;
                        
                //タグを追加
                たフィールド=新しいAMap.Marker（{
                    マップ：マップを、
                    位置：新しいAMap.LngLat（LNG、緯度）、//緯度と経度
                }）;
            } そうしないと {
                console.log（ '場所の失敗！'）;
            }
        }）;
    }）;
}

　　

書かれたメソッド、呼び出しは簡単です：

//は、入ってくるコンテナのIDと場所名をマップ
markLocation（「コンテナ」、「武漢、湖北省」）。

　　

この記事はから再生されhttps://www.cnblogs.com/similar/archive/2018/08/01/9400601.html