|
@ -121,32 +121,33 @@ export default { |
|
|
marker.setStyle(iconStyle) |
|
|
marker.setStyle(iconStyle) |
|
|
features.push(marker) |
|
|
features.push(marker) |
|
|
}) |
|
|
}) |
|
|
var overlayStyle = (function () { |
|
|
// // 点击图标 |
|
|
return function (feature) { |
|
|
// var overlayStyle = (function () { |
|
|
var styles = {} |
|
|
// return function (feature) { |
|
|
styles['Point'] = [ |
|
|
// var styles = {} |
|
|
new Style({ |
|
|
// styles['Point'] = [ |
|
|
image: new Icon({ |
|
|
// new Style({ |
|
|
scale: scale, |
|
|
// image: new Icon({ |
|
|
src: iconArray[0] // feature.values_.properties.index |
|
|
// scale: scale, |
|
|
}) |
|
|
// src: iconArray[0] // feature.values_.properties.index |
|
|
}), |
|
|
// }) |
|
|
new Style({ |
|
|
// }), |
|
|
text: createTextStyle(feature) |
|
|
// new Style({ |
|
|
}) |
|
|
// text: createTextStyle(feature) |
|
|
] |
|
|
// }) |
|
|
return styles[feature.getGeometry().getType()] |
|
|
// ] |
|
|
} |
|
|
// return styles[feature.getGeometry().getType()] |
|
|
})() |
|
|
// } |
|
|
let select = new Select({ |
|
|
// })() |
|
|
style: overlayStyle |
|
|
// let select = new Select({ |
|
|
}) |
|
|
// style: overlayStyle |
|
|
map.addInteraction(select) |
|
|
// }) |
|
|
select.on('select', e => { |
|
|
// map.addInteraction(select) |
|
|
if (e.selected.length > 0) { |
|
|
// select.on('select', e => { |
|
|
console.log('------', e.selected[0].values_.properties.id) |
|
|
// if (e.selected.length > 0) { |
|
|
} |
|
|
// console.log('------', e.selected[0].values_.properties.id) |
|
|
}) |
|
|
// } |
|
|
|
|
|
// }) |
|
|
markerSource.addFeatures(features) |
|
|
markerSource.addFeatures(features) |
|
|
map.addLayer(markerLayer) |
|
|
map.addLayer(markerLayer) |
|
|
}, |
|
|
}, |
|
|