百度地图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 //多久更新获取一次位置

该参数设置获取的行为
})