百度地圖bmap/BMapGL差不多

 

https://lbsyun.baidu.com/customv2/editor/b9824e568562261f964da5a60980f7b5 設置v2樣式 map.setMapStyleV2({styleJson:'下載的json'});

正解析
var map =new BMapGL.Map('id') var myGeo = new BMapGL.Geocoder(); // 將地址解析結果顯示在地圖上，並調整地圖視野 myGeo.getPoint('北京市海淀區上地10街', function(point){ if(point){ map.centerAndZoom(point, 16); map.addOverlay(new BMapGL.Marker(point, {title: '北京市海淀區上地10街'})) }else{ alert('您選擇的地址沒有解析到結果！'); } }, '北京市')

逆解析

var map =new BMapGL.Map('id')

var myGeo = new BMapGL.Geocoder();
myGeo.getLocation(new BMapGL.Point('經度', '緯度'),function(res){
　　if(res){
　　　　res.address為地址
　　}
})
獲取城市名稱

　　var myCity = new BMapGL.LocalCity();
　　myCity.get(function(res){

　　　　console.log(res.name)為城市名

　　});

添加標注點

 

var point = new BMapGL.Point(116.404, 39.915); 
 var marker = new BMapGL.Marker(point); //默認點

var marker = new BMapGL.Marker(point, {icon: myIcon});//自定義點

var myIcon = new BMapGL.Icon("markers.png", new BMapGL.Size(23, 25), { // 指定定位位置。  // 當標注顯示在地圖上時，其所指向的地理位置距離圖標左上  // 角各偏移10像素和25像素。您可以看到在本例中該位置即是  // 圖標中央下端的尖角位置。  anchor: new BMapGL.Size(10, 25), // 設置圖片偏移。  // 當您需要從一幅較大的圖片中截取某部分作為標注圖標時，您  // 需要指定大圖的偏移位置，此做法與css sprites技術類似。  imageOffset: new BMapGL.Size(0, 0 - 25) // 設置圖片偏移  });

map.addOverlay(marker);

 

js獲取當前的經緯度

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
　　alert(position.coords.longitude,position.coords.latitude)

　　獲取經緯度
},function(res){

失敗走這個函數 res.code為失敗碼

}, {
enableHighAcuracy: false, //位置是否精確獲取
timeout: 5000, //獲取位置允許的最長時間
maximumAge: 1000 //多久更新獲取一次位置

該參數設置獲取的行為
})