[closed] Add a custom marker - issues, need an example

Hi

I have a couple of issues:

I am trying to add my own marker to a map, but it does not seem to work. Also when I try to refer the OpenLayer.js file locally the default red marker disappears.

I have found some examples on the net, but they have been unsuccessful I am afraid. So I thought to ask for some help here.

Now my code looks like this:

<div id="Map" style="height: 250px; width: 400px" ></div>
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<!--<script src="js/osm/api/OpenLayers.js"></script>-->
<script>
    var lat = 55.676098;
    var lon = 12.568337;
    var zoom = 11;

    var fromProjection = new OpenLayers.Projection("EPSG:4326");   // Transform from WGS 1984
    var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
    var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection);

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

    var markers = new OpenLayers.Layer.Markers("Markers");//("Images/Icons/map-marker.png");
    map.addLayer(markers);
    markers.addMarker(new OpenLayers.Marker(position));

    map.setCenter(position, zoom);
</script>

and as you can see I have tried to refer to my own marker from 'Images/Icons/map-marker.png' without any luck.

Also you can see that I have tried to use a local copy of the 'OpenLayers.js', I don't know whether I should have it locally or always refer to 'www.openlayers.org', I believe referring local is good enough?

Also as I wrote earlier, if I refer the local .js file, the red marker, the zoom buttons and the OSM link disappears.

Can anyone help me out?

I have tried to follow the guidelines below, but unsuccesful. http://wiki.openstreetmap.org/wiki/Marker_API