Docs & Demo

| 455 Comments


Neu!

Live Demo

Check die Plugin App

Mit diesem Plugin ist es einfach den Google Kartendienst in Artikel und Seiten einer WordPress Installation einzubauen.

Hier die Liste der Funktionen, die sich mit dem Karten-Manager konfigurieren lassen.

Das Zeichnen von Tracks und Wegpunkten mit dem Editor ist als Demo der Installation beigefügt und als Pro-Version verfügbar.

Plugin Download bei WordPress.org: Google-Maps-GPX-Viewer

Map buttonHier wird der Karten-ManagerKarten-Manager im WordPress Editor gestartet.

 

 

Alle Funktionen sind über die Reiter des Dialogfensters erreichbar.

Als Administrator kann man unter Einstellung Google Maps einige andere Einstellungen vornehmen und externe WMS-Kartenserver einbinden.

Wer sich mit den WordPress ShortCodes auskennt kann diese auch direkt angeben, ansonsten erledigt das der Karten-Manager. Hier ein paar Beispiele.


New!

Live Demo

Check the Plugin App

Now it is easy to use Google Maps inside WordPress. Here’s the Plugins feature list:

Drawing tracks and waypoints directly inside the map instead of using GPX are features of the Pro-version.

Plugin download: Google-Maps-GPX-Viewer

Map buttonHere you’ll start the plugins Map-Manager.Map manager

 

 

All map settings are done through the map managers user interface.

There are some more settings inside the admins Settings Google Maps area. Here you may setup external WMS, OsGeo Web-Map-Service or OSM Open-Street-Maps to your WordPress Blog.

If you know how to use WordPress ShordCodes you may put them directly into your posts, otherwise the map manager will do this for you. Here are some sample maps.

 

ShortCode:
[map lat=51.493 lon=7.45 z=15 maptype=satellite]

 

ShortCode:
[map address="Alexanderplatz, Berlin, Germany" z=15 marker="yes" markerimage="/img/fturm.png" infowindow="Berlin Alexanderplatz" style="width:610px; height:250px; border:1px solid gray; margin-left:20px; float:right;"]

ShortCode:
[map maptype=OSM gpx="/tracks/Marker-Manager.gpx" style="width:610px; height:250px; border:1px solid gray;"]

ShortCodes

  • maptype=”OSM” select maptype roadmap, terrain, satellit, hybrid, Relief, OSM, ‘OSM cycle’, WMS
  • pano=”yes” Google Panoramio Images Layer
  • panotag=”tag/user-id” selects Ponoramio images by tag or user ID
  • style=”width:300px; height400px; margin:20px” must be css conform
  • gpx=”direct or absolute path to the gpx-file”
  • kml= “absolute path to the kml-file”
  • elevation=”yes/no” depends on the option settings
  • download=”yes/no” depends on the option settings
  • fusion=”<table id>;<geoLocation-field>;<condition>”
  • address=”Berlin, Germany” location by geocoded address
  • lat=”51.093″ lon=”7.23544” location latitude/longitude
  • z=”15” set zoom level (0-20) depends on maptype
  • marker=”yes” add location marker
  • markerimage=”URL” add custom marker image
  • infowindow=”text to be published” add Infowindow
  • traffic=”yes” add google traffic layer
  • bike=yes add google bicyle layer

 

FAQs

455 Comments

  1. If your site is using https and the maps are not loading, this might be because the plugin is trying to access files through plain http. The following patch for v3.6 fixes this. Unfortunately the author has not incorporated it, when I sent it to him.

    diff -ur google-maps-gpx-viewer-orig/editor/editor.php google-maps-gpx-viewer/editor/editor.php
    — google-maps-gpx-viewer-orig/editor/editor.php 2013-10-05 20:31:13.000000000 +0100
    +++ google-maps-gpx-viewer/editor/editor.php 2014-09-16 14:05:52.759444923 +0100
    @@ -128,17 +128,17 @@
    $httpurl = plugins_url(). “/”. GPX_GM_PLUGIN.”/tinymce/”;
    $purl = $_SERVER[REQUEST_URI] . “&q=upload”;
    ?>
    - <link rel="stylesheet" type="text/css" href="editor/editor.css” />
    + <link rel="stylesheet" type="text/css" href="editor/editor.css” />

    google.load(“maps”, “3″, {other_params:”sensor=false”});
    <script language="javascript" type="text/javascript" src="/wp-includes/js/jquery/jquery.js”>
    - <script type="text/javascript" src="js/gmap_v3_wms_overlay.js”>
    - <script type="text/javascript" src="editor/jscolor.js”>
    - <script type="text/javascript" src="editor/gmap_v3_edit.js”>
    - <script type="text/javascript" src="editor/iconic.js”>
    - <script type="text/javascript" src="js/gmap_v3_init.js”>
    - <script type="text/javascript" src="js/gmap_v3_gpx_overlay.js”>
    - <script type="text/javascript" src="js/gmap_v3_elevation.js”>
    + <script type="text/javascript" src="js/gmap_v3_wms_overlay.js”>
    + <script type="text/javascript" src="editor/jscolor.js”>
    + <script type="text/javascript" src="editor/gmap_v3_edit.js”>
    + <script type="text/javascript" src="editor/iconic.js”>
    + <script type="text/javascript" src="js/gmap_v3_init.js”>
    + <script type="text/javascript" src="js/gmap_v3_gpx_overlay.js”>
    + <script type="text/javascript" src="js/gmap_v3_elevation.js”>

    function loadGPXFile(map){
    @@ -316,7 +316,7 @@
    var msg_03 = “‘.__(“Distance”,”google-maps-gpx-viewer”).’”;
    var msg_04 = “‘.__(“Height”,”google-maps-gpx-viewer”).’”;
    var msg_05 = “‘.__(“Download”,”google-maps-gpx-viewer”).’”;
    - var pluri = “‘ . WP_PLUGIN_URL.”/”.GPX_GM_PLUGIN. ‘/”;
    + var pluri = “‘ . plugins_url( GPX_GM_PLUGIN ). ‘/”;
    var ieX = false;
    if (window.navigator.appName == “Microsoft Internet Explorer”) {
    var err = ieX = true;
    diff -ur google-maps-gpx-viewer-orig/php/load_jsapi.php google-maps-gpx-viewer/php/load_jsapi.php
    — google-maps-gpx-viewer-orig/php/load_jsapi.php 2014-09-16 14:08:02.837434557 +0100
    +++ google-maps-gpx-viewer/php/load_jsapi.php 2014-09-16 14:06:03.356444078 +0100
    @@ -15,13 +15,13 @@

    ?>
    google.load(“maps”, “3″, {other_params:””});
    -<script type="text/javascript" src="js/gmap_v3_size.js”>
    -<script type="text/javascript" src="js/gmap_v3_gpx_overlay.js”>
    -<script type="text/javascript" src="js/gmap_v3_wms_overlay.js”>
    -<script type="text/javascript" src="js/gmap_v3_init.js”>
    -<script type="text/javascript" src="editor/gmap_v3_edit.js”>
    -<link rel="stylesheet" href="editor/editor.css” type=”text/css” />
    -<link rel="stylesheet" href="css/gmap_v3.css” type=”text/css” />
    +<script type="text/javascript" src="js/gmap_v3_size.js”>
    +<script type="text/javascript" src="js/gmap_v3_gpx_overlay.js”>
    +<script type="text/javascript" src="js/gmap_v3_wms_overlay.js”>
    +<script type="text/javascript" src="js/gmap_v3_init.js”>
    +<script type="text/javascript" src="editor/gmap_v3_edit.js”>
    +<link rel="stylesheet" href="editor/editor.css” type=”text/css” />
    +<link rel="stylesheet" href="css/gmap_v3.css” type=”text/css” />

    google.load(‘visualization’, ’1′, {packages: ['corechart']});
    -<script type="text/javascript" src="js/gmap_v3_elevation.js”>
    +<script type="text/javascript" src="js/gmap_v3_elevation.js”>
    <?php
    }

  2. Hallo Bernd,
    ich habe Waypoints in meinen GPX-Dateien, an denen die Icons sym_1.png, sym_2.png usw. dargestellt werden. Das funktioniert auch gut.

    Nun würde ich aber gerne andere Icons verwenden, nämlich die, die im Verzeichnis /img/gmapIcons/sport sind. Diese Icons sind 32 x 37 Pixel groß, während die sym-Icons nur 20 x 32 groß sind. Das Umbenennen und der gmapIcons in sym_*.png und überschreiben der originalen sym-Dateien führt leider nur dazu, dass die größeren Icons abgeschnitten werden (http://www.bergmofa.de/karte-lenggrieser-hutte/, siehe Icon am Anfang des Tracks). Gibt es eine Möglichkeit, die Icons in voller Größe von 32 x 37 anzuzeigen?

    Und wenn das nicht geht, kann man die trz_*.png Icons aus einer GPX-Datei heraus ansprechen?

    Gruß, Joachim

    • Im GPX file einfach das icon als “sym-tag” mit der url als referenz “src=http…” einfügen so wie hier:

      <wpt lat=”51.29105886304751″ lon=”8.611762349510172″ >
      <name>Water</name><desc></desc>
      <sym src=”http://www.suederlaender.de/Sauerland/wp-content/plugins/google-maps-gpx-viewer/img/gmapIcons/all-mixed/Water.png”></sym>
      </wpt>

  3. Hello,

    Danke für die viele Arbeit und Mühe. Habe in den Code mal hineingeschaut und das ist etwas was Anerkennung von mir bekommt.
    Da ich nicht immer auf dem Boden mich bewege möchte ich nachfragen, ob das Höhenprofil auch aus den GPX-Daten angezeigt werden kann.
    Hier müsste man den Tags aus dem GPX-File lesen und als Chart anzeigen. Dann wären auch die 250 Punkte obsolet.

    Netten Gruß

    Pilot

  4. Hi it work only with safary browser, with other browser like chrome, firefox and explorer only a grey box. can you tell me how can fix it? The same problem with other pc. Is a problem

  5. Hallo,

    ich nutze auf meiner Webseite den von ihnen bereitgestellten Google Maps GPX Viewer.
    Nun möchte ich gerne verschiedenen Layer mit dem POI Marker-Manager einblenden.

    Wie kann ich dies mit dem Plugin Google Maps GPX Viewer realisieren?

    Gruß

    Thomas

  6. Still not working for me. Just a grey box.

  7. I do not mean to drive anybody nuts, but i need to decide whether to go with another map plugin, and i really like this one. Is their a fix in the works, maybe a time table? my site build is on hold until i have something working.

    Thank you

  8. Hello, is there any upcoming update for this plug-in?

  9. Hi Bernd,

    Whys is the service down?

    All the best
    MArtin

Hinterlasse eine Antwort

Required fields are marked *.


+ eight = 9


ATLsoft | Top