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

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