我正在研究openlayers 3并希望实现搜索功能,该功能获取地点的名称并在地图上定位标记。我能够获得坐标但是当我想在地图上添加它的标记时,我总是得到不同的位置。输入位置的标记未放置在地图的实际坐标上。
以下是我一直在工作的代码:
function addmarker(lat, long, pointerimgsrc){
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([lat, long], 'EPSG:4326', 'EPSG:3857')),
name: 'NULL'
});
var iconStyle = new ol.style.Style({
image: new ol.style.Icon(({
anchor: [0.5, 46],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
opacity: 0.75,
//src: 'data/icon.png'
src: pointerimgsrc
}))
});
iconFeature.setStyle(iconStyle);
vectorSource = new ol.source.Vector({
features: [iconFeature]
});
vectorLayer = new ol.layer.Vector({
source: vectorSource
});
map.addLayer(vectorLayer);
}// END addmarkerr()
我希望我已经清楚地解释了我的问题,期待找到解决方案。非常感谢您的时间和支持。
答案 0 :(得分:8)
EPSG:4326坐标顺序lon,lat not lat,lon。因此,您应该更改执行EPSG的行:4326到EPSG:3857转换。
ol.proj.transform([lon, lat], 'EPSG:4326', 'EPSG:3857')