1. 程式人生 > 實用技巧 >高德地圖API-搜尋提示並定位到位置,衛星地圖和標準地圖的切換

高德地圖API-搜尋提示並定位到位置,衛星地圖和標準地圖的切換

// _yourMap地圖例項
 _yourMap.plugin(["AMap.MapType"], function () {  //新增地圖型別切換外掛 
                //地圖型別切換  
                mapType = new AMap.MapType({ defaultType: 0});    //0 標準地圖。1 衛星地圖
                _oMapViewer.addControl(mapType);
            });

 //  搜尋外掛,點選搜尋結果定位到搜尋座標。
 //  .amap-sug-result { z-index: 99999; } 設定提示框的下標值(用於彈框時提示框顯示在彈框後)
 AMap.plugin(['AMap.Autocomplete', 'AMap.PlaceSearch'], function () {
                var autoOptions = {
                    city: "北京", //城市,預設全國
                    input: "keyword",//使用聯想輸入的input的id
                    //output: '#ProjectLocationTab',
                    //outPutDirAuto:false
                };
                autocomplete = new AMap.Autocomplete(autoOptions);
                var placeSearch = new AMap.PlaceSearch({
                    city: '北京',
                    map: _oMapViewer, //地圖例項

                })
                AMap.event.addListener(autocomplete, "select", function (e) {
                    //TODO 針對選中的poi實現自己的功能
                    placeSearch.setCity(e.poi.adcode);
                    placeSearch.search(e.poi.name)
                });
             
            })