不能使用openlayers 3在正确的坐标处放置标记

时间:2015-01-11 18:31:05

标签: javascript openstreetmap openlayers-3

我正在研究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()

我希望我已经清楚地解释了我的问题,期待找到解决方案。非常感谢您的时间和支持。

1 个答案:

答案 0 :(得分:8)

EPSG:4326坐标顺序lon,lat not lat,lon。因此,您应该更改执行EPSG的行:4326到EPSG:3857转换。

ol.proj.transform([lon, lat], 'EPSG:4326', 'EPSG:3857')