PS Maps Dokumentation

<h2>Mit PS Maps kannst Du Google Maps in Deine Classic/WordPress-Webseite einbetten, anpassen und anzeigen.</h2> Vergiss das Herumprobieren mit Code – mit diesem Plugin kannst Du ganz einfach eine Karte zu einer Seite oder einem Beitrag hinzufügen oder eine Karte mithilfe eines benutzerdefinierten Widgets auf Deiner Webseite einbinden. Deine User übermitteln keine persönliche Daten an Google, deine Webseite tritt statt ihnen bei Google auf. [caption id="attachment_336" align="alignnone" width="735"]<img class="wp-image-336 size-full" src="https://psource.eimen.net/wp-content/uploads/sites/10/2026/04/google-maps-735x470-1.jpg" alt="Teile eine große, ansprechende Karte auf Deiner Kontaktseite." width="735" height="470"> Teile eine große, ansprechende Karte auf Deiner Kontaktseite.[/caption] <h3>Für Dich gestylt</h3> Füge Deinem visuellen Editor ein kleines „Karte hinzufügen“-Symbol hinzu. Teile große, ansprechende Karten mit Straßenansicht und benutzerdefinierten Markierungen. PS Maps lässt sich in jedes Design integrieren und bietet eine klare, minimalistische Lösung zur Kartendarstellung. [caption id="attachment_337" align="alignnone" width="735"]<img class="wp-image-337 size-full" src="https://psource.eimen.net/wp-content/uploads/sites/10/2026/04/traffic-735x470-1.jpg" alt="Überlagere Karten mit Verkehrsmeldungen und bringe Nutzer schneller zu Deinem Standort." width="735" height="470"> Überlagere Karten mit Verkehrsmeldungen und bringe Nutzer schneller zu Deinem Standort.[/caption] <h3>Tür-zu-Tür-Service</h3> Integriere eine responsive, interaktive Karte auf Deiner Kontaktseite. Stelle einen Link zur GPS-Navigation für Smartphones bereit, der Nutzer von überall direkt zu Deiner Haustür leitet. Nutze Verkehrsinformationen, um sicherzustellen, dass die Nutzer jederzeit die schnellste Route kennen. <div class="container-wider"> <div class="left-style "> <figure id="attachment_939451" class="wp-caption aligncenter" data-caption="true"><a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/custom-pin-735x470.jpg" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/custom-pin-735x470.jpg"><img class="wp-image-939451 size-full" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/custom-pin-735x470.jpg" alt="Design custom icons to highlight your location." width="735" height="470"></a><figcaption class="wp-caption-text">Design custom icons to highlight your location.</figcaption></figure> <h3>Custom Icons</h3> Design your own icons and use them to display custom locations. Get incredible control over the entire look and feel with of your site and draw attention to important locations. You can even use CSS for additional styling that really make maps pop. <h3>To install:</h3> 1.  Download the plugin file 2.  Unzip the file into a folder on your hard drive 3.  Upload <strong>/wpmu_dev_maps_plugin/</strong> folder to <strong>/wp-content/plugins/</strong> folder on your site 4.  Login to your admin panel for WordPress or Multisite and activate the plugin: <ul> <li>On regular WordPress installs – visit <strong>Plugins</strong> and <strong>Activate </strong>the plugin.</li> <li>For WordPress Multisite installs – Activate it blog-by-blog (say if you wanted to make it a Supporter premium plugin), or visit <strong>Network Admin -&gt; Plugins</strong> and <strong>Network Activate</strong> the plugin.</li> </ul> <h3>To Use:</h3> The Google Map plugin adds a “Add Map” icon to your visual editor. Once you’ve created your new map it is inserted into write Post / Page area as shortcode which looks like this: [map id=”1″]. It also includes a Google Maps widget for displaying maps in your site’s sidebar as well as the ability to create mashups from your maps. You’ll find detailed instructions for using this plugin by going to <strong>Settings &gt; Google Maps plugin</strong> where you can also configure your preferred Google Maps defaults.<strong> </strong> <h3>Configuring your default Google Maps options</h3> 1.  Go to<strong> Settings &gt; Google Maps plugin</strong> <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Dash.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Dash.png"><img class="alignnone size-full wp-image-911305" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Dash.png" alt="Google Maps Dash" width="599" height="387"></a> 2.  Select your preferred Google Maps defaults from the options available. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Settings.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Settings.png"><img class="alignnone size-full wp-image-911306" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Settings.png" alt="Google Maps Settings" width="599" height="1110"></a> The various default settings  control the Panoramia images for each of your new map locations. This can be pretty nice for locations that don’t have Street View option in Google Maps. You control whether a map does or doesn’t display the Panoramia images widget below the map using the <strong>Map Options</strong> in the<strong> Add Map</strong> window. (See Adding a Google Map to a Post or Page further on below.) The default map type controls which type of Google Map is embedded. Changes to Default map type applies to newly created maps only; not previously created maps. <img src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/gmaps49.jpg" alt="Examples of Google map types" width="650" height="179"> 3. Custom Fields <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Custom-Fields.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Custom-Fields.png"><img class="alignnone size-full wp-image-911307" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Custom-Fields.png" alt="Google Maps Custom Fields" width="599" height="556"></a> The Custom Fields settings allow you to set specific Longitude and Latitudes, which when found in a post will automatically create a Google Map in it’s place. Which in combination with the default alignment and size settings mentioned earlier, can be quite the powerful tool for showing locations on your website! 4. Select your Add-ons. Our Google Map plugin has all kinds of great Add-ons to give your maps some awesome features! <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-ons.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-ons.png"><img class="alignnone size-full wp-image-911308" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-ons.png" alt="Google Maps Add-ons" width="599" height="2920"></a> Simply select which ones you’d like included, and you’re all set! 5. Don’t forget to click <strong>Save Changes!</strong> <h3><strong>Adding a Google Map to a Post or Page</strong></h3> The Google Map plugin adds a “Add Map” icon to your visual editor. Once you’ve created your new map it is inserted into write Post / Page area as shortcode which looks like this: <code>[map id="1"]</code>. It also adds a widget so you can add maps to your sidebar (see Appearance &gt; Widgets). Let’s take a look! 1.  When creating a new post or page, Click on the <strong>Add Map</strong> icon. Which will bring a pop over for creating new maps, or reusing already created ones. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-Map-icon.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-Map-icon.png"><img class="alignnone size-full wp-image-911309" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Add-Map-icon.png" alt="Google Maps Add Map icon" width="599" height="275"></a> <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-new-map.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-new-map.png"><img class="alignnone size-full wp-image-911310" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-new-map.png" alt="Google Maps new map" width="599" height="555"></a> 2.  Add the address of the location you want to add and then click <strong>Add</strong>.  This adds a place marker to your map and displays the location at the bottom of the map. 3.  To add more location(s), just add the address(es) and then click <strong>Add.</strong> 4.  Alternatively you can add a location(s) by zooming in on your map, click on <strong>Drop Marker</strong> to add a Marker to your Map and then drag/drop it to the desired location. 5.  Be sure to give your map a name. 6.  Now zoom in on your place marker(s) so your readers have the best map view of your location. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-NYC.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-NYC.png"><img class="alignnone size-full wp-image-911311" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-NYC.png" alt="Google Maps NYC" width="599" height="392"></a> 7.  Click on the Place Marker if you want to change the Title of location or Information about the location. You can also click on the Icon to change the Marker’s icon. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Pin-info.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Pin-info.png"><img class="alignnone size-full wp-image-911312" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Pin-info.png" alt="Google Maps Pin info" width="599" height="384"></a> 8.  Next click <strong>Save changes to this map</strong>. 9. Finally click on Map Options, select your preferences , click OK to close the Map Options window and then click <strong>Insert this map</strong>.  Select “<strong>Associate map with this post</strong>” if you want to be able to create mashups with your maps. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-Options.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-Options.png"><img class="alignnone size-full wp-image-911313" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-Options.png" alt="Map Options" width="600" height="527"></a> 10. You should now see your map shortcode displayed and your Google map embedded in your Post or Page when published. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-ID.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-ID.png"><img class="alignnone size-full wp-image-911314" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Map-ID.png" alt="Map ID" width="599" height="320"></a> On load on the public facing pages, maps are always centered to the last existing marker location. <h3>Adding your Google Map(s) to your sidebar</h3> The Google Maps widget can be used to add an existing map, create a new map or add a mashup of maps to your site’s sidebar. 1.  Go to <strong>Appearance &gt; Widgets</strong> 2.  Click and drag to Add the Google Maps Widget to the desired sidebar or widget area and configure the widget. <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Widget.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Widget.png"><img class="alignnone size-full wp-image-911315" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Google-Maps-Widget.png" alt="Google Maps Widget" width="599" height="615"></a> <h3>Creating mashups of your maps</h3> Mashups can be easily created by either using Map Query shortcode (for posts) or by setting them up in Widget Options (for widgets). You need to have selected <strong>“Associate map with this post” </strong>in the Map Options window when creating a map for that map to be displayed using Map Query tag  shortcode. <strong>The following shortcode can be used for the custom query in the Google Maps widget to create mashups:</strong> [map query=”tag=tagname”] – This shows all maps associated with any posts tagged with that tag on the site.  For example,  [map query=”tag=New York”] displays all maps associated with posts tagged New York. <strong>Note:</strong> <ul>when you use this with the Widget, you only need to provide the actual query, in this case “tag=New York”, without the quotes as shown in the screenshot below:</ul> <a class="blog-thumbnail" href="https://web.archive.org/web/20180316215941/https://premium.wpmudev.org/wp-content/uploads/2011/04/Mashups-1.png" rel="lightbox[216]" data-src="https://premium.wpmudev.org/wp-content/uploads/2011/04/Mashups-1.png"><img class="alignnone size-full wp-image-911317" src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/Mashups-1.png" alt="Mashups 1" width="599" height="381"></a> <strong>The following shortcodes can be used in posts to create mashups:</strong> [map query=”all”]  – This shows all maps associated with any posts on the site. [map query=”current”] – This shows all maps associated with posts currently on the site. [map query=”random”] – This shows a random existing map. It always displays a single map. [map query=”tag=tagname”] – This shows all maps associated with any posts tagged with that tag on the site. For example,  [map query=”tag=New York”] displays all maps associated with posts tagged New York. <img src="https://web.archive.org/web/20180316215941im_/https://premium.wpmudev.org/wp-content/uploads/2011/04/gmaps72.jpg" alt="Creating a map query for a post or page" width="650" height="391"> <strong>The following attributes can be used with shortcodes:</strong> <ul> <li>overlay  – When set as true, this shows all markers from the queried posts overlayed on a single map.</li> <li>width – You can set this to display a relative or absolute width for the map.</li> <li>height – You can set this to display a relative or absolute height for the map.</li> <li>show_images – Shows images when set to true and will hide them when false.</li> <li>show_map – Setting this to false will not display the map, useful for when you want to show just the list of markers.</li> <li>show_posts – Displays a link to the post for which a marker is associated.</li> <li>map_type – Can be set to: “ROADMAP”, “SATELLITE”, “HYBRID”, or “TERRAIN” to have the map rendered in that mode of display.</li> <li>network – When used on a Multisite, displays network post markers when set to true.</li> </ul> <strong>Shortcode examples:</strong> As an example, you can use the following shortcode which displays a single map that’s as wide as possible (within theme constraints), which includes all markers from all posts on the current site. [map query=”all” overlay=”true” show_posts=”true” width=”100%”] The Following will show one map, which will have all markers from maps associated with all posts on the network that have the tag “my_tag”. It will have a list of markers displayed below it and the markers themselves will have a list of links to posts associated with their original map. The Panoramio image gallery will not be shown. The map itself will be as wide as possible (it will fill all available space), but it will be only 100px high. [map query=”tag=my_tag” network=”true” overlay=”true” show_images=”false” show_posts=”true” height=”100px” width=”100%”] You can also use a variety of attributes to your shortcodes to create the exact map you want.  Zoom for instance can be setup using a number (1-20) or a label.  Here’s how the numbers relate to their respective labels: ‘1’ =&gt; Earth ‘3’ =&gt; Continent ‘5’ =&gt; Region ‘7’ =&gt; Nearby Cities ’12’ =&gt; City Plan ’15’ =&gt; Details And here’s what a sample shortcode would look like: [map id=”2″ zoom=”18″] </div> </div>