Processwire - Google Maps - Versionsgeschichte

37.49.32.84: /* Template bearbeiten */

2017-04-06T13:27:25Z

Template bearbeiten

37.49.32.84 am 6. April 2017 um 08:49 Uhr

2017-04-06T08:49:51Z

37.49.32.84 am 6. April 2017 um 08:35 Uhr

2017-04-06T08:35:42Z

37.49.32.84: Die Seite wurde neu angelegt: „== Links == * https://github.com/ryancramerdesign/FieldtypeMapMarker == Quickstart == # Modul FieldtypeMapMarker installieren # Feld mit dem neuen Typ MapMarke…“

2017-04-06T08:12:25Z

Die Seite wurde neu angelegt: „== Links == * https://github.com/ryancramerdesign/FieldtypeMapMarker == Quickstart == # Modul FieldtypeMapMarker installieren # Feld mit dem neuen Typ MapMarke…“

Neue Seite

== Links ==
* https://github.com/ryancramerdesign/FieldtypeMapMarker
== Quickstart ==
# Modul FieldtypeMapMarker installieren
# Feld mit dem neuen Typ MapMarker erstellen
# Feld zu Template hinzufügen
# Location in einer Seite hinzufügen
# Template bearbeiten
== Template bearbeiten ==
Angenommen das Feld hat den Namen '''map'''

<syntaxhighlight lang="php">
echo $page->map->address; // outputs the address you entered
echo $page->map->lat; // outputs the latitude
echo $page->map->lng; // outputs the longitude
echo $page->map->zoom; // outputs the zoom level
`````````

-------------

## Markup Google Map

This package also comes with a module called MarkupGoogleMap. It provides a simple means
of outputting a Google Map based on the data managed by FieldtypeMapMarker. To install,
simply click "install" for the Google Maps (Markup) module. This is a Markup module,
meaning it exists primarily to generate markup for output on the front-end of your site.

### How to use

Add this somewhere before your closing `</head>` tag:
`````````
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false'></script>
`````````

In the location where you want to output your map, place the following in your template file:
`````````
$map = $modules->get('MarkupGoogleMap');
echo $map->render($page, 'map');
`````````
In the above, $page is the Page object that has the 'map' field. Rreplace 'map' with the name of
your FieldtypeMap field

To render a map with multiple markers on it, specify a PageArray rather than a single $page:
`````````
$items = $pages->find("template=something, map!='', sort=title");
$map = $modules->get('MarkupGoogleMap');
echo $map->render($items, 'map');
`````````

To specify options, provide a 3rd argument with an options array:
`````````
$map = $modules->get('MarkupGoogleMap');
echo $map->render($items, 'map', array('height' => '500px'));
`````````

### Options

Here is a list of all possible options (with defaults shown):

`width`
Width of the map (type: string; default: 100%).

`height`
Height of the map (type: string; default: 300px)

`zoom`
Zoom level 1-25 (type: integer; default: from your field settings)

`type`
Map type: ROADMAP, HYBRID or SATELLITE (type: string; default: from your field settings)

`id`
Map ID attribute (type: string; default: mgmap)

`class`
Map class attribute (type: string; default: MarkupGoogleMap)

`lat`
Map center latitude (type: string|float; default: from your field settings)

`lng`
Map center longitude (type: string|float; default: from your field settings)

`useStyles`
Whether to populate inline styles to the map div for width/height (type: boolean; default: true).
Set to false only if you will style the map div yourself.

`useMarkerSettings`
Makes single-marker map use marker settings rather than map settings (type: boolean; default: true).

`markerLinkField`
Page field to use for the marker link, or blank to not link (type: string; default: url).

`markerTitleField`
Page field to use for the marker title, or blank not to use a marker title (type: string; default: title).

`fitToMarkers`
When multiple markers are present, set map to automatically adjust to fit to the given markers (type: boolean; default: true).

---------
</syntaxhighlight>

@@ Zeile 11: / Zeile 11: @@
 # Location in einer Seite hinzufügen
 # Template bearbeiten
-== Template bearbeiten ==
+== Ausgabe ==
 Angenommen das Feld hat den Namen '''map'''
@@ Zeile 105: / Zeile 107: @@
 ---------
 </syntaxhighlight>

@@ Zeile 1: / Zeile 1: @@
 == Links ==
 * http://modules.processwire.com/modules/fieldtype-map-marker/
 * https://github.com/ryancramerdesign/FieldtypeMapMarker
@@ Zeile 33: / Zeile 34: @@
 Add this somewhere before your closing `</head>` tag:
 `````````
-<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false'></script>
+<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false&key=API_KEY'></script>
 `````````