如何多添加几个Marker

1 问题描述

地图上的marker一般都不止一个，那么我们如何多添加几个marker呢？

2 算法描述

当我们初始化marker后，我们要在geometries多添加几个marker，geometries中的position是地图上的经度纬度，marker标记就是根据经度纬度来标记的。当我们想多添加几个marker时就容易出现错误，添加的marker应该写在哪里，如果写错了也不会运行出结果，我在多添加marker时就写错了位置，经过几遍的摸索终于明白应该如何把新一个marker放对正确位置，每一个新的marker都是写在一对{}里面，新的一个marker与上一个marker之间需要用一个英文逗号隔开，代码如下：

var marker = new TMap.MultiMarker({
               id: 'marker-layer',
               map: map,
               styles: {
                   "marker": new TMap.MarkerStyle({
                       "width": 24,
                       "height": 35,
                       "anchor": { x: 12, y: 35 },
                       "src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png'
                   })
               },
               geometries: [{
                   "id": 'demo1',
                   "styleId": 'marker',
                   "position": new TMap.LatLng(39.984104, 116.307503),
                   "properties": {
                       "title": "marker"
                   }
               },{
                   "id": 'demo2',
                   "styleId": 'marker',
                   "position": new TMap.LatLng(39.974104, 116.347503),
                   "properties": {
                       "title": "marker"
                   },
               },{
                   "id": 'demo3',
                   "styleId": 'marker',
                   "position": new TMap.LatLng(39.994104, 116.317503),
                   "properties": {
                       "title": "marker"
                   },
               }]
           });

3 结语

在多添加几个marker时应注意添加所在位置，因为初始化marker的代码中的括号很多，需要注意哪对括号包含的哪些内容，不然在添加marker时就会出错。

实习编辑：李欣容

稿件来源：深度学习与文旅应用实验室（DLETA）