ExpressionEngine addons Lab
FAQ

Features

The latest stable release of MX Google Map is available here

MX Google Map fieldtype provides a field for include Google Maps into entries.
  • MSM compatible
  • Based on Google Map API 3
  • Support multi geo fields for entry
  • Drag and drop map marker point for precise control

Soon

Requirements

  • EE2 - PHP 5+, ExpressionEngine 2+

Installation

MX Google Map contains extension folder and language folder. To install the new field type please follow the simple instructions below:
  • Download the MX Google Map archive and extract the files.
  • Copy system/expressionengine/third_party/mx_google_map to /system/expressionengine/third_party/
  • Copy system/expressionengine/language to /system/expressionengine/
  • Copy /themes/mx_google_map to /themes/
  • Enable MX Google Map in the Fieldtypes Manager

Screenshoots

Tags


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/themes/mx_google_map/mxgooglemap.js"></script>

{exp:channel:entries channel="my_channel" limit="1"}
{field_name maptype="HYBRID"  n_control_style= "SMALL" mt_control_style = "DROPDOWN_MENU" navigationControl = "false" scaleControl = "false" mapTypeControl= "false" scrollwheel = "false" icon="/beachflag.png" doubleclickzoomoff="true"}
{/exp:channel:entries}

Parameters

  • maptype ROADMAP
    The initial Map type
      • HYBRID This map type displays a transparent layer of major streets on satellite images.
      • ROADMAP This map type displays a normal street map.
      • SATELLITE This map type displays satellite images.
      • TERRAIN This map type displays maps with physical features such as terrain and vegetation.
  • n_control_style ZOOM_PAN
    The initial Navigation control style
      • SMALL displays a mini-zoom control, consisting of only + and - buttons. This style is appropriate for mobile devices.
      • ZOOM_PAN displays the standard zoom slider control with a panning control, as on Google Maps.
      • ANDROID displays the small zoom control as used on the native Maps application on Android devices.
      • DEFAULT picks an appropriate navigation control based on the map's size and the device on which the map is running.
  • mt_control_style HORIZONTAL_BAR
    The initial MapType control style
      • HORIZONTAL_BAR displays the array of controls as buttons in a horizontal bar as is shown on Google Maps.
      • DROPDOWN_MENU displays a single button control allowing you to select the map type via a dropdown menu.
      • DEFAULT displays the "default" behavior, which depends on screen size and may change in future versions of the API
  • navigationControl true
    The initial enabled/disabled state of the navigation control.
  • scaleControl true
    The initial enabled/disabled state of the scale control.
  • mapTypeControl true
    The initial enabled/disabled state of the Map type control.
  • scrollwheel true
    If false, disables scrollwheel zooming on the map. The scrollwheel is enabled by default.
  • doubleclickzoomoff false
    Enables/disables zoom and center on double click. Enabled by default.
  • draggable true
    If false, prevents the map from being dragged. Dragging is enabled by default.
  • icon
    Custom Icons for marker
  • makrer_draggable false
    If false, prevents the makrer from being dragged.
  • width 500px
  • height 100%

Change Log

Thanks!

  • Thanks to EllisLab for great example in developers docs.

License

MIT License

MX Google Map [beta]

Thank Me By ‘Buying Me A Cup Of Coffee'

Like my add-ons?
Consider buying me coffee.

Like it? Tweet it!

Digg itAdd to Stumbleupon Share whith Facebook

http://eec.ms/s3i3

Follow me on twitter