麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

使用百度地图 JavaScript API 绘制2019年中国移民地图

在之前的文章《「GIS技巧」无需编程整理2020中国移民数据》分享了整理2020年公布的移民数据(也就是2019年的数据),正好最近在看百度地图,于是可视化一下。

前期准备

百度地图的JS-API需要申请一个APIKEY,具体方法可以参照官网。

可视化

申请到Key之后,就可以愉快开发了,先实现一个比较粗的版本。代码如下:

// 随机颜色
var getRandomColor = function () {
  return (
    "#" +
    (function (color) {
      return (color += "0123456789abcdef"[Math.floor(Math.random() * 16)]) &&
        color.length == 6
        ? color
        : arguments.callee(color);
    })("")
  );
};
// 百度地图API功能
var map = new BMapGL.Map("allmap");
var point = new BMapGL.Point(116.617562, 40.0823);
map.centerAndZoom(point, 4);
map.enableScrollWheelZoom();
map.setMapType(BMAP_EARTH_MAP);
var destinations = [
  new BMapGL.Point(-77.0368707, 38.9071923),
  new BMapGL.Point(139.7690174, 35.6803997),
  new BMapGL.Point(-75.6971931, 45.4215296),
  new BMapGL.Point(149.1300092, -35.2809368),
  new BMapGL.Point(126.9779692, 37.566535),
  new BMapGL.Point(103.819836, 1.352083),
  new BMapGL.Point(12.4963655, 41.9027835),
  new BMapGL.Point(-0.1277583, 51.5073509),
  new BMapGL.Point(90.4125181, 23.810332),
  new BMapGL.Point(-3.7037902, 40.4167754),
  new BMapGL.Point(2.3522219, 48.856614),
  new BMapGL.Point(13.404954, 52.5200066),
  new BMapGL.Point(77.2090212, 28.6139391),
  new BMapGL.Point(174.7787463, -41.2923814),
  new BMapGL.Point(100.5017651, 13.7563309),
  new BMapGL.Point(106.845599, -6.2087634),
  new BMapGL.Point(4.9041389, 52.3675734),
  new BMapGL.Point(37.6172999, 55.755826),
  new BMapGL.Point(28.2292712, -25.7478676),
  new BMapGL.Point(120.9842195, 14.5995124),
];

for (let [index, dest] of destinations.entries()) {
  let path = [new BMapGL.Point(116.617562, 40.0823), dest];
  var polyline = new BMapGL.Polyline(path, {
    clip: false,
    geodesic: true,
    strokeWeight: (destinations.length - index) / 2,
    strokeColor: getRandomColor(),
  });
  map.addOverlay(polyline);
}

效果图

这里使用了一个随机颜色 + 百度的三维地图。

北边的两条线是去了美加,西边那一组就是欧洲了,南边两条长的去了澳洲新西兰。中国周边的就是日韩新泰,另外印度和孟加拉也有不少,非洲的在前20的就南非一家。

继续加班,后面有空再完善一下。

所有百度地图JavaScript开发笔记

笔记列表:百度地图 JavaScript 开发学习笔记(附在线演示DEMO)

相关阅读

麻辣GIS-Sailor

作者:

GIS爱好者,学GIS,更爱玩GIS。

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

手机阅读
公众号关注
知识星球
手机阅读
麻辣GIS微信公众号关注
最新GIS干货
关注麻辣GIS知识星球
私享圈子
没有上文

留言板(小编看到第一时间回复)