Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Karten-Blöcke

Use Map Blocks to embed Google Maps with a location pin on your site. This is a great way to display your business or event's location. It's popular to add Map Blocks to Contact pages.

Add a Map Block

To add a Map Block:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf eine Einfügemarke und wähle Karte aus dem Menü aus. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. In the Address tab of the Map Block, add a location pin.
  3. Use the Design tab to customize the color and appearance of the map.
  4. Klicken Sie auf Anwenden, um Ihre Änderungen zu speichern.

Add a location pin

A location pin is a marker that appears at your address in the Map Block. Clicking it opens the address in Google Maps.

To add a location pin:

  1. In the Address tab of the Map Block, enter an address. When you start typing an address, the block populates a list of autocomplete suggestions powered by Google. The Business Name helps find the address, but it doesn't display on the Map Block itself.
  2. Press Enter to drop a pin of your location onto the Map Block.
  1. Under Business Address, enter an address. When you start typing an address, the block populates a list of autocomplete suggestions powered by Google. The Business Name helps find the address, but it doesn't display on the Map Block itself.
  2. Tap the address in a list to drop a pin of your location onto the Map Block.
Note: Map Blocks use information from Google Maps. If Google Maps doesn't have an address, Map Blocks won't be able to locate it. Visit Google's documentation to add a missing place or report an error. If the Map Block isn't updating even after adding an address Google Maps has, see our FAQ.

Das Design ändern

To customize the color and appearance of the map, use the Design tab of the Map Block.

Customize the map color

Click the color drop-down menu to choose one of the following options:

  • Original - Classic Google Maps design
  • Graustufen
  • Satellit
  • Minimal dunkel
  • Minimal hell
  • Minimal Blue - Displays water in blue and the rest of the map in white

Add more layers

Check the options below to add more layers to the map:

  • Show Labels - Display location names
  • Show Terrain - Display terrain features
  • Show Controls - Display zoom, direction arrows, and map scale
  1. In the block editor, tap Design.
  2. Tap Map Style and select a style from the list.
  3. You can switch the toggles for Show LabelsShow Terrain, or Show Controls on to customize the display further. 

Resize the block (computer only)

Change the Map Block's height by clicking and dragging the bottom handle.

Tip: Press and hold Shift while dragging the handle to resize the map in 20 pixel increments. This can help align the bottom of the map with another block.

When the Map Block is in a column next to another block, you can adjust its width. To learn more, visit Resizing blocks.

Wie Besucher Karten-Blöcke verwenden

Besucher können auf den Pin in Karten-Blöcken klicken, um die Adresse in Google Maps zu öffnen. In Desktop-Browsern klicken und ziehen Besucher, um sich auf der Karte zu bewegen. In mobilen Browsern verwenden Besucher zwei Finger, um sich auf der Karte zu bewegen.

Diese Funktion zeigt nur Ihren Geschäftsstandort und Ihre Kontaktinformationen auf Ihrer Squarespace-Website an. Verwenden Sie die Standortverwaltung, um Ihre Adresse, Kontaktinformationen und Stunden an eine Drittanbieter-Plattform oder Suchmaschine zu übertragen.

FAQ

Can I add multiple location pins to the map?

Map Blocks can only display one location pin. To create maps for multiple locations, add multiple Map Blocks to a page.

Alternatively, you can embed a Google Map on your site using a Code Block. Code-based customizations like this fall outside the scope of our support. For more help, visit Google's documentation.

The Map Block resizes and hides the pin on mobile devices.

Map Block resize responsively based on browser size. While this helps with your site's mobile appearance, it sometimes hides the pin on smaller browsers. If you're viewing on a desktop browser, try expanding the browser window to reveal the pin.

Preview how your map looks on smartphones and tablets with Device View

The Map Block displays incorrect information.

If you enter your address and the Map Block updates successfully but displays incorrect information, you can report it to Google directly. Click Report a Map Error in the bottom-right corner of the map.

If you enter your address but the Map Block isn't updating, try deleting the Map Block and adding a new one. If that doesn't work, contact us.

War dieser Beitrag hilfreich?
78 von 227 fanden dies hilfreich