Einbinden von OSM-Karten: CC-By-SA Link verschieben

Communities Deutschland (Germany)
1

Hallo experten

Ich habe es nach einigen Versuchen geschafft eine OSM-Karte in eine Homepage zu integrieren: http://www.ferrolatino.ch/de/reports/bolivia/.

Nun habe ich das Problem, dass ich gerne den CC-By-SA Link etwas weiter nach Unten schieben möchte, damit er am unteren Rand der Karte ersichtlich ist und nicht so in der Mitte. Wie muss ich das Anstellen?

Mein Code, wie ich die Karte eingebunden habe:


<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<div id="Map1" style="height:350px; width:512px; margin:0px"></div>
<script>

var lat            = -16.50201;
var lon            = -68.125;
var zoom           = 18;

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("Map1");
var mapnik         = new OpenLayers.Layer.OSM();
map.addLayer(mapnik);

var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(position));
	
map.setCenter(position, zoom);
		
</script>

Danke und Gruss
Teddy

2

In der style.css steht

.olControlAttribution {
    bottom: 4.5em;
    display: block;
    font-size: smaller;
    position: absolute;
    right: 3px;
}

Einfach das bottom auf 0 setzen.

edit: Sehe gerade, dass das die OL-Style-Datei ist (http://www.openlayers.org/api/theme/default/style.css). Dann fügst du das einfach in deinen eigenen Style ein:

.olControlAttribution {
    bottom: 0 !important;
}
3

Vielen Dank, das hat mein Problem gelöst!

Gruss
Teddy

4

Zur Info: Bei der verlinkten Seite bleibt die Karte beim scrollen stehen und bewegt sich nicht mit hoch. (Internet Explorer 8, Windows 7)

5

Danke für den Hinweis. Mit dem IE9 auch, habe ich soeben festgestellt. :frowning:

Edit: Es ist noch schlimmer, auf manchen Seiten geht es, auf anderen nicht. Und wenn man weiterklickt und wieder zurück ist es dann plötzlich in Ordnung.

Gruss
Teddy