Skip to main content

Google map geo location and z3c.form widget for Zope3

Project description

This package provides a m01.mongo and z3c.form based google map widget for Zope3.


This package provides a z3c.form widget concept for google maps. For more info about google maps see:

The google map (GMapWidget) widget allows you to show a map for select latitude and longitude for a geo location in input mode. In display mode it offers a GMap which shows the given location.

As for all widgets, the GMap widget must provide the IWidget interface:

>>> from zope.interface.verify import verifyClass
>>> from z3c.form.interfaces import IWidget
>>> from z3c.form.interfaces import INPUT_MODE
>>> from m01.gmap.widget import GMapWidget
>>> verifyClass(IWidget, GMapWidget)

The widget can be instantiated only using the request:

>>> from z3c.form.testing import TestRequest
>>> request = TestRequest()
>>> widget = GMapWidget(request)

Before rendering the widget, one has to set the name and id of the widget:

>>> = ''
>>> = ''

We also need to register the template for the widget:

>>> import zope.component
>>> from zope.pagetemplate.interfaces import IPageTemplate
>>> from z3c.form.widget import WidgetTemplateFactory
>>> import os
>>> import m01.gmap
>>> def getPath(filename):
...     return os.path.join(os.path.dirname(m01.gmap.__file__),
...     filename)
>>> from m01.gmap import interfaces
>>> zope.component.provideAdapter(
...     WidgetTemplateFactory(getPath(''), 'text/html'),
...     (None, None, None, None, interfaces.IGMapWidget),
...     IPageTemplate, name=INPUT_MODE)

If we render the widget we get a simple input element:

>>> print(widget.render())
<input type="hidden" id="" name="" class="hidden-widget" value="" />
<input type="hidden" id="" name="" class="hidden-widget" value="" />
<div id="" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
    iconWidth: 19,
    infoWindowAnchorYOffset: 0,
    iconHeight: 32,
    iconURL: "",
    iconAnchorXOffset: 9,
    zoomFallback: 4,
    zoom: 11,
    longitude: null,
    longitudeFallback: 10,
    latitudeFallback: 10,
    latitudeExpression: "#widget\\.id-latitude",
    mode: "input",
    infoWindowContent: "Drag and drop the marker and save the form. <br />Double click the marker for remove them.",
    address: "",
    latitude: null,
    iconAnchorYOffset: 30,
    longitudeExpression: "#widget\\.id-longitude",
    iconShadowURL: "",
    infoWindowAnchorXOffset: 10

We also need to include the IGMapAPIProvider wcih knows how to generate the gamp api javascipt. The APi key it’self can get defined with a product config or with a envirnoment setup. See buildout.cfg and for more info:

>>> import m01.gmap.util
>>> m01.gmap.util.GMAP_API_KEY

We offer http or https javascript links:

>>> print(m01.gmap.util.GMAP_JAVASCRIPT)
<script type="text/javascript" src="//;v=2&amp;key=ABQIAAAAFAsu6H_TCNEapjedv-QILxTwM0brOpm-All5BF6PoaKBxRWWERQwU76rKRQO6OVZmsjxrqya2hcEBw"> </script>
>>> print(m01.gmap.util.GMAP_HTTPS_JAVASCRIPT)
<script type="text/javascript" src=";v=2&amp;key=ABQIAAAAFAsu6H_TCNEapjedv-QILxTwM0brOpm-All5BF6PoaKBxRWWERQwU76rKRQO6OVZmsjxrqya2hcEBw"> </script>

And you content provider can get used for render the full javascript:

>>> import m01.gmap.browser
>>> provider = m01.gmap.browser.GMapAPIProvider(None, None, None)
>>> print(provider.render())
<script type="text/javascript" src=";v=2&amp;key=ABQIAAAAFAsu6H_TCNEapjedv-QILxTwM0brOpm-All5BF6PoaKBxRWWERQwU76rKRQO6OVZmsjxrqya2hcEBw"> </script>


0.6.1 (28-06-2013)

  • bugfix: fix lat, lng setup in gmaps v3 api javascript

0.6.0 (2013-01-04)

  • update to google maps api v3

0.5.0 (2012-11-18)

  • initial release

Project details

Release history Release notifications

History Node


History Node


This version
History Node


History Node


History Node


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, size & hash SHA256 hash help File type Python version Upload date (70.7 kB) Copy SHA256 hash SHA256 Source None Jun 28, 2013

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging CloudAMQP CloudAMQP RabbitMQ AWS AWS Cloud computing Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page