无法更改OpenLayers标记图标

Question

我正在尝试设置两种不同的图像，但是我总是得到默认的图像。 我想在没有额外的txt文件的情况下工作。

var iconOh和var iconParking是我要设置的图像。

该网站上的答案目前对我没有帮助。

  map = new OpenLayers.Map("mapdiv");
    map.addLayer(new OpenLayers.Layer.OSM());

 // create layer switcher widget in top right corner of map.
    var layer_switcher= new OpenLayers.Control.LayerSwitcher({});
    map.addControl(layer_switcher);

    //Set markers on page  
    var lonLatOh = new OpenLayers.LonLat( 4.479121, 51.031809 )
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );
    var lonLatParking1 = new OpenLayers.LonLat( 4.476497, 51.031157 )
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );      
    var lonLatParking2 = new OpenLayers.LonLat( 4.477716, 51.029520 )
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            map.getProjectionObject() // to Spherical Mercator Projection
          );    

    // zoom level     
    var zoom=17;

    // Marker images
    var iconOh = new OpenLayers.Icon('oh.png');
    var iconParking = new OpenLayers.Icon('parking.png');

    // Make layer with markers
    var markers = new OpenLayers.Layer.Markers( "Oh!" );
    map.addLayer(markers);

    // Show markers
    markers.addMarker(new OpenLayers.Marker(lonLatOh),iconOh);
    markers.addMarker(new OpenLayers.Marker(lonLatParking1),iconParking);
    markers.addMarker(new OpenLayers.Marker(lonLatParking2),iconParking);

    // Center according to specific marker
    map.setCenter (lonLatOh, zoom);  

Answer 1

您在错误的位置传递了icon参数。 代替

markers.addMarker(new OpenLayers.Marker(lonLatOh),iconOh);

尝试

markers.addMarker(new OpenLayers.Marker(lonLatOh, iconOh));