当前位置：网站首页>Gaode map

Gaode map

2022-07-24 09:55:00 【A sack kitten】

Positioning with Gaud map ：

I won't say much about the preparatory work , Is to register a login account to get key value , And then in main.js In the introduction
// Gould map
import AMap from ‘vue-amap’;
Vue.use(AMap);
// initialization vue-amap
AMap.initAMapApiLoader({
// Godly key
key: ‘ Applied key’,
// Plug in collection （ Plug ins are introduced on demand ）
plugin: [‘AMap.Autocomplete’, ‘AMap.PlaceSearch’, ‘AMap.Scale’, ‘AMap.OverView’, ‘AMap.ToolBar’, ‘AMap.MapType’, ‘AMap.PolyEditor’, ‘AMap.CircleEditor’]
});
And then use , All I need to get is positioning , So for ui Don't do too much trimming .

 var that = this;
           var mapObj = new AMap.Map('mapDemo');
            mapObj.plugin('AMap.Geolocation', function () {
    
               var geolocation = new AMap.Geolocation({
    
                    enableHighAccuracy: true,// Whether to use high precision positioning , Default :true
                    timeout: 10000,          // exceed 10 Stop positioning in seconds , Default ： infinity 
                    maximumAge: 0,           // Locate the result cache 0 millisecond , Default ：0
                    convert: true,           // Auto offset coordinates , The offset coordinates are Gaud coordinates , Default ：true
                    showButton: true,        // Show the positioning button , Default ：true
                    buttonPosition: 'LB',    // Positioning button docking position , Default ：'LB', The lower left corner 
                    buttonOffset: new AMap.Pixel(10, 20),// The offset of the positioning button from the set docking position , Default ：Pixel(10, 20)
                    showMarker: true,        // After the positioning is successful, the point mark will be displayed at the location , Default ：true
                    showCircle: true,        // After successful positioning, circle is used to indicate the positioning accuracy range , Default ：true
                    panToLocation: true,     // After successful positioning, take the location as the center of the map , Default ：true
                    zoomToAccuracy:true      // After successful positioning, adjust the scope of the map to make the location and accuracy range visible , Default ：false
                });
                mapObj.addControl(geolocation);
                geolocation.getCityInfo(function(status,result){
    
                    that.adress = result.country + result.province + result.city;
                })
            });