• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage OpenStreetMap-Karte in Mobile Seite einbinden

S

Sybarit

Neues Mitglied
Hallo Zusammen,

ich bin Neuling was HTML betrifft (erster Eintrag). Daher möge mir der ein oder andere meine Frage nachsehen. OpenStreetMap bietet die Möglichkeit an, einen Kartenausschnitt über einen HTML-Schnipsel (siehe unten) direkt in die eigene Seite zu integrieren. Ich nutze dafür ein HTML-Widget bei MyWebsite von 1&1. Auf der Browser-Version der Seite wird die Karte ohne Weiteres dargestellt. Auf der mobilen Seite dagegen ist nichts zu sehen. 1 und 1 weißt darauf hin, dass der Code XHTML konform sein muss. Kann es daran liegen? Ich wäre dankbar für Anregungen und Erklärungen!

HTML: 
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-74.59442138671875%2C40.31618462581407%2C-73.22113037109375%2C41.03793062246529&amp;layer=mapnik&amp;marker=40.677513627085034%2C-73.90777587890625" style="border: 1px solid black"></iframe>
 
Werbung:
Guten Tag Sybarit,
als ich OpenStreet verwendet habe, wurde die Karte (auf dem PC) nur ausgeliefert, wenn Java... aktiv war.
 
Also... der Nu HTML Checker ergab folgendes Ergebnis:
  1. Info: The Content-Type was text/html. Using the HTML parser.

  2. Info: Using the schema for HTML with SVG 1.1, MathML 3.0, RDFa 1.1, and ITS 2.0 support.

  3. Error: The frameborder attribute on the iframe element is obsolete. Use CSS instead.

    From line 7, column 1; to line 7, column 335

    d>↩<body>↩<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src…mp;layer=mapnik&amp;marker=40.677513627085034%2C-73.90777587890625" style="border: 1px solid black"></ifra

  4. Error: The scrolling attribute on the iframe element is obsolete. Use CSS instead.

    From line 7, column 1; to line 7, column 335

    d>↩<body>↩<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src…mp;layer=mapnik&amp;marker=40.677513627085034%2C-73.90777587890625" style="border: 1px solid black"></ifra

  5. Error: The marginheight attribute on the iframe element is obsolete. Use CSS instead.

    From line 7, column 1; to line 7, column 335

    d>↩<body>↩<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src…mp;layer=mapnik&amp;marker=40.677513627085034%2C-73.90777587890625" style="border: 1px solid black"></ifra

  6. Error: The marginwidth attribute on the iframe element is obsolete. Use CSS instead.

    From line 7, column 1; to line 7, column 335

    d>↩<body>↩<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src…mp;layer=mapnik&amp;marker=40.677513627085034%2C-73.90777587890625" style="border: 1px solid black"></ifra
Zum Vergrößern anklicken....

Aber das sollte meines ERmessens nach nicht zu einem solchen Verhalten führen...
Und hast du die Webseite mal in Bereichen untersucht? (Also mit Entwicklertools) und geguckt, ob und wo das Element landet?

Gruß
theLIX
 
Werbung:
Definiere bitte mal "mobile Seite"? Meinst Du damit die Ansicht auf deinem Smartphone? Wenn ja, welches ist es?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben