wake-up-neo.com

Google Maps Embed - Tischkarte entfernen

Ich verwende den neuen Google Maps-Einbettungscode (iFrame), um meiner Website eine kleine Karte hinzuzufügen, kann das neue Adressfeld in der oberen linken Ecke jedoch nicht ausblenden (siehe Abbildung unten).

http://i.imgur.com/JOVXkra.jpg

Ich habe den Kartencode durch Klicken auf die Option "Karte freigeben und einbetten" generiert (siehe Abbildung unten), frage mich jedoch, ob ich die vollständige API verwenden muss, um dies zu erreichen.

http://i.imgur.com/xxl25Ga.png

Alle Ressourcen, die ich bisher gefunden habe, behandeln nur die alte Einbettungsversion und das Deaktivieren der nicht identischen Informationsblase. Der einzige Hinweis, den ich habe, ist, dass die HTML-Klasse der Box "place-card" heißt. aber suchen bringt mir immer noch nichts.

Jede Hilfe oder Hinweis in die richtige Richtung wäre sehr dankbar.

google-mapsiframehidegoogle-maps-embed
22
Sintyche

Sie können alle Schaltflächen mit CSS ausblenden. Erstellen Sie einen Container-Div-Breitenüberlauf für ausgeblendete Elemente und die benötigten Größen. Platzieren Sie den neuen Google Maps Iframe/Embed in einem größeren Format. Verwenden Sie negative Ränder, um die Karten zu positionieren.

Beispiel mit 100% Breite:

<div style="width: 100%; overflow: hidden; height: 300px;">
  <iframe 
     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
     width="100%"
     height="600"
     frameborder="0"
     style="border:0; margin-top: -150px;">
  </iframe>
</div>

Stellen Sie den iframe 300px höher als Ihr Container div. 150px zum Verstecken unten und 150px zum Verstecken oben. Um diese 150 oben im iframe auszublenden, verwenden Sie:

rand oben: -150px;

31
Bo Pennings

sie können dies versuchen:

  1. Rufen Sie https://www.maps.ie/coordinates.html auf, um Ihre Koordinaten abzurufen
  2. Gehen Sie zu Google Maps und geben Sie diese Koordinaten ein (durch Kommas getrennt: 33.319663, -111.89780100000002).
  3. Klicken Sie auf Teilen (links)
  4. Klicken Sie auf Karte einbetten
  5. Konfigurieren Sie die Größe der gewünschten Karte
  6. Kopieren Sie das HTML

Ihr iframe wird ungefähr so ​​aussehen:

0
Alvin