百度地图简单用法

1.地图实例

引入src添加ak
<script src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=kmFLZ2pDs8Fkk90rHUksNrdtlnM3X8yT"> </script>

2.地图控件

   		// 地图控件
        var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
        map.addControl(scaleCtrl);
        var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
        map.addControl(zoomCtrl);
        var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
        map.addControl(cityCtrl);

        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        // map.setMapType(BMAP_EARTH_MAP);      //开启地球模式 

3.地图绘制

1. 点标记

 // 添加一个标记
        var marker = new BMapGL.Marker(point);
        // 将标注添加到地图中
        map.addOverlay(marker);

2. 多边线

var polyline = new BMapGL.Polyline(tempList, {
            strokeColor: "blue",
            strokeWeight: 2,
            strokeOpacity: 0.5,
            fillColor: "red",
        });
        map.addOverlay(polyline);

3. 多边形

```javascript
var polygon = new BMapGL.Polygon(tempList, {
          strokeColor: "blue",
          strokeWeight: 2,
          strokeOpacity: 0.5,
          fillColor: "red",
        });
        map.addOverlay(polygon);

4. 圆形

 var circle = new BMapGL.Circle(point, 500, {
        strokeColor: "blue",
        strokeWeight: 2,
        strokeOpacity: 0.5,
    }); //创建圆
    map.addOverlay(circle);

5. 文本标记

 // 添加一个标记
        var marker = new BMapGL.Marker(point);
        map.addOverlay(marker);
        //选项
        var opts = {
            width: 250,     // 信息窗口宽度
            height: 100,    // 信息窗口高度
            title: "Hello zhengzhou"  // 信息窗口标题
        }

        var infoWindow = new BMapGL.InfoWindow("郑州市人民医院", opts);  // 创建信息窗口对象
        marker.addEventListener("click", function () {
            map.openInfoWindow(infoWindow, point);        // 打开信息窗口
        })

4.事件

marker.addEventListener("click", function () { }) 双击：dbclick

5.地图检索

1. 地理位置检索

 		// 地理位置检索
        var local = new BMapGL.LocalSearch(map, {
            renderOptions: { map: map }
        });

2. // 执行地图搜索功能

  	local.search(text);

6.api

1. 地点输入提示服务
2. 通过IP获取当前所在的城市
3. 都是通过jsonp方式实现（添加AK）