map地图

html部分

<div id="map" style="width: 100%;height: 330px;"></div>

js部分

 $(function(){
            // 百度地图API功能
            var map = new BMap.Map("map");
            var point = new BMap.Point(113.377584,23.08657);
            map.centerAndZoom(point, 16);
            
            map.addControl(new BMap.NavigationControl());    
            map.addControl(new BMap.ScaleControl());    
            //map.addControl(new BMap.OverviewMapControl());    
            map.addControl(new BMap.MapTypeControl());
            
            var marker1 = new BMap.Marker(point);
            // 在地图上添加点标记
            map.addOverlay(marker1);
            var scaleCtrl = new BMap.ScaleControl();  // 添加比例尺控件
            map.addControl(scaleCtrl);
            
            // 创建信息窗口
            var opts = {
                width: 200,
                height: 80,
                title: '广州问标知识产权服务有限公司'
            };
            var infoWindow = new BMap.InfoWindow('地址：广东省广州市海珠区仑头路78号', opts);
            // 点标记添加点击事件
            marker1.addEventListener('click', function () {
                map.openInfoWindow(infoWindow, point); // 开启信息窗口
            });
            
            /*var geolocation = new BMap.Geolocation();
            geolocation.getCurrentPosition(function(r){
                if(this.getStatus() == BMAP_STATUS_SUCCESS){
                    var mk = new BMap.Marker(r.point);
                    map.addOverlay(mk);
                    map.panTo(r.point);
                    //alert('您的位置：'+r.point.lng+','+r.point.lat);
                }
                else {
                    //alert('failed'+this.getStatus());
                }        
            });*/
        })

展示图