根据经纬度显示地图

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Vwdre4pcPNPffgYG6gMfgPbM2w9Ned9V"></script> 

var map = new BMap.Map("mapContainer");// 创建地图实例  mapContainer为地图显示div的id名
var point = new BMap.Point(longitude ,latitude );  // 创建点坐标   longitude,latitude为经纬度
map.centerAndZoom(point, 18);  //第一个参数是以刚才的点为中心创建地图，第二个参数是地图缩放级别，从小到大为0-19
map.enableScrollWheelZoom(true);  //利用鼠标滚轮控制大小   另外也可以使用map.setZoom()方法主动控制地图放大缩小
                 
var myIcon = new BMap.Icon("../upload/images/2019/12/mapLocation.png", new BMap.Size(29, 42));    // 设置中心点图片  第一个参数为中心点地标图片，第二个参数为该图片大小
var marker = new BMap.Marker(point,{icon: myIcon});   
var infoWindow = new BMap.InfoWindow("详细信息：" + "<br><br>" + totalAddress);  //弹出窗口
marker.addEventListener("click", function(){           
      this.openInfoWindow(infoWindow);        
});

map.addOverlay(marker);

//设置中心点位置（该方法按需使用） 如果要将地图显示在弹出框，而标注的地点不在弹出框中心，可以使用此方法设置弹出框标注地点位置，参数相对于父标签，这里是父级div宽高的一半
map.panBy(600, 250);