百度地图key获取
设置地图展示区域
< div id= "allmap" style= "width: 350px;height: 350px;" > < / div>
地图函数调用
getMap ( ) {
let _that= this
let i= 1 ;
var map = new BMap. Map ( "allmap" ) ;
var point = new BMap. Point ( 111.123156633221 , 20.231652335 ) ;
var label = new BMap. Label ( i, { offset: new BMap. Size ( 0 , 0 ) , position: point} ) ;
label. setStyle ( {
color : "black" ,
fontSize : "13px" ,
backgroundColor : "#CCFFFF" ,
border : "3px solid #1E90FF" ,
padding: "2px" ,
borderRadius: "50%" ,
fontWeight : "bold"
} ) ;
map. addOverlay ( label) ;
map. centerAndZoom ( point, 10 ) ;
map. enableScrollWheelZoom ( true ) ;
var geoc = new BMap. Geocoder ( ) ;
map. addEventListener ( "click" , function ( e) {
i++ ;
var pot = e. point;
geoc. getLocation ( pot, function ( rs) {
var addComp = rs. addressComponents;
var site = addComp. province + addComp. city + addComp. district+ addComp. street + addComp. streetNumber;
label = new BMap. Label ( i, { offset: new BMap. Size ( 0 , 0 ) , position: new BMap. Point ( pot. lng, pot. lat) } )
label. setStyle ( {
color : "black" ,
fontSize : "13px" ,
backgroundColor : "#CCFFFF" ,
border : "3px solid #1E90FF" ,
padding: "2px" ,
borderRadius: "50%" ,
fontWeight : "bold"
} ) ;
map. addOverlay ( label) ;
} ) ;
} ) ;
} ,
样式