|
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时就会出错。 实习编辑：李欣容
|
