You are not logged in.

Announcement

*** NOTICE: forum.openstreetmap.org is being retired. Please request a category for your community in the new ones as soon as possible using this process, which will allow you to propose your community moderators.
Please create new topics on the new site at community.openstreetmap.org. We expect the migration of data will take a few weeks, you can follow its progress here.***

#1 2012-10-12 12:53:27

Teddych
Member
From: Birmensdorf ZH
Registered: 2010-10-22
Posts: 11
Website

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

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

Offline

#2 2012-10-12 13:53:54

SammysHP
Member
From: Celle, Germany
Registered: 2012-02-27
Posts: 1,707
Website

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

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;
}

Last edited by SammysHP (2012-10-12 13:56:48)

Offline

#3 2012-10-12 14:42:51

Teddych
Member
From: Birmensdorf ZH
Registered: 2010-10-22
Posts: 11
Website

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

Vielen Dank, das hat mein Problem gelöst!

Gruss
Teddy

Offline

#4 2012-10-13 01:05:04

things-change
Member
Registered: 2011-10-27
Posts: 351

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

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

Offline

#5 2012-10-13 06:49:23

Teddych
Member
From: Birmensdorf ZH
Registered: 2010-10-22
Posts: 11
Website

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

things-change wrote:

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

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

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

Last edited by Teddych (2012-10-13 07:12:34)

Offline

Board footer

Powered by FluxBB