变更履历

功能

1.设置城市中心点和zoom增加了setZoomAndCenter方法

map.setZoomAndCenter(14, [116.205467, 39.907761]);

2.关键字检索/周边检索/多边形检索，可返回数据，同时在地图上有marker点位，支持分页显示，点击

marker有弹窗展示。

3.根据起终点经纬度规划路线，轨迹可以拖拽并返回结果面板、路况。

4.marker调用方式修改

marker = new minemap.Marker({
      icon: "http://minedata.cn/minemapapi/demo/images/police.png",
      position: [116.405467, 39.907761]
 });
marker.addTo(map);

5.右键点击添加自定义选项

var contextMenu = new minemap.ContextMenu();  //创建右键菜单
//右键放大
contextMenu.addItem("放大一级", function() {
    map.zoomIn();
}, 0);
//右键缩小
contextMenu.addItem("缩小一级", function() {
    map.zoomOut();
}, 1);

6.可在地图上添加文本标记

7.修改圆点标记

由原方法：

map.addLayer({
    "id": 'points',
    "type": "circle",
    "source": "pointSource",
    'paint': {
        'circle-radius': {
            'base': 1.5,
            'stops': [[5, 8], [18, 80]]
        },

        'circle-color': "#00ff00",      //填充圆形的颜色
        'circle-blur': 0.1,              //模糊程度，默认0
        'circle-opacity': 1,             //透明度，默认为1
    },
    "maxzoom": 18,                       //显示的最高room级别
    filter: ['in', '$type', 'Point']
});

修改为：

var circleMarker = new minemap.CircleMarker({
  center:center,
  radius:10+Math.random()*10,
  strokeColor:'white',
  strokeWeight:2,
  strokeOpacity:0.5,
  fillColor:'rgba(0,0,255,1)',
  fillOpacity:0.5,
  zIndex:10,
  bubble:true,
  cursor:'pointer',
  clickable: true
})
circleMarker.addTo(map)

8.增加计算两点之间距离方法

9.增加点到线的距离方法

10.增加点是否在多边形内判断

11.修改图片图层

由原方式：

map.addSource("overlay", {
    "type": "image",
    "url": "//minedata.cn/minemapapi/demo/images/radar.gif",
    "coordinates": [
        [116.46 - 0.01, 39.92 + 0.01],
        [116.46+ 0.01, 39.92+ 0.01],
        [116.46+ 0.01, 39.92- 0.01],
        [116.46- 0.01, 39.92- 0.01]
    ]
});
map.addLayer({
    "id": "imageLayer",
    "type": "raster",
    "source": "overlay",
    "minzoom": 10,
    "maxzoom": 17,
    "layout": {
        "visibility": "visible"
    },
    "paint": {
        "raster-opacity": 0.85
    }
})

修改为：

var imageLayer = new minemap.ImageLayer({
    url: 'http://minedata.cn/minemapapi/demo/images/radar.gif',
    bounds: new minemap.Bounds(
            [116.327911, 39.939229],
            [116.342659, 39.946275]
    ),
    zooms: [15, 18]
});

12.修改canvas图层

由原方式:

map.on("load", function () {
    map.addSource("hillshade", {
        "type": "raster",
        "tileSize": 256,
        "tiles": ["minemapdatao://hillshade/{z}/{x}/{y}"]
    });
    map.addLayer({
        "id": "hillshade",
        "type": "raster",
        "source": "hillshade",
        "minzoom": 1,
        "maxzoom": 17,
        "layout": {
            "visibility": "visible"
        }
    })
})

修改为：

var CanvasLayer = new minemap.CanvasLayer({
  canvas: canvas,
  bounds: new minemap.Bounds(
          [116.328911, 39.937229],
          [116.342659, 39.946275]
  ),
  zooms: [3, 18],
});

CanvasLayer.setMap(map);

13.修改视频图层

由原方式：

map.addSource("overlay", {
    "type": "video",
    "urls": ["//minedata.cn/minemapapi/demo/assets/drone.mp4"],
    "coordinates": [
        [116.46 - 0.01, 39.92 + 0.01],
        [116.46+ 0.01, 39.92+ 0.01],
        [116.46+ 0.01, 39.92- 0.01],
        [116.46- 0.01, 39.92- 0.01]
    ]
});
map.addLayer({
    "id": "videoLayer",
    "type": "raster",
    "source": "overlay",
    "minzoom": 10,
    "maxzoom": 17,
})

修改为：

var VideoLayer = new minemap.VideoLayer({
  autoplay:true,
  loop:true,
  zIndex:130,
     url: [//可提供不同格式以达到多浏览器兼容
      'https://a.amap.com/jsapi_demos/static/video/cloud.m4v',
      'https://a.amap.com/jsapi_demos/static/video/cloud.mov'
     ],
     bounds: bounds,
     zooms: [3, 18],
     opacity:0.7
 });
 VideoLayer.setMap(map);

14.鼠标样式修改

由原方式：

map.getCanvas().style.cursor = "pointer";

修改为：

map.setDefaultCursor("pointer");