Giter VIP home page Giter VIP logo

app-googlemaps's Introduction

Google Maps app for Enonic XP version 6

This Enonic XP application contains a Google Maps part that you may add to your Enonic XP site.

Features

  • Supports multiple locations in a single map
  • Each location may have its own info window
  • Supports multiple maps (parts) on the same page
  • Responsive design where the map scales according to available width
  • Map area may have one of four aspect ratios
  • Screen reader compatible markup
  • Fullscreen toggle button has been enabled by default
  • Scrolling/swiping zoom controls are disabled, so users don't get stuck inside the map
  • Several color themes are available, including more elaborate ones from snazzymaps.com

Installation

There are three options:

  • First option is to open the Enonic XP Application Admin Tool. In here select "Install" and find this app in the Market list of available apps.
  • Second alternative is to simply download the app JAR file and move it to the XP installation's $XP_HOME/deploy folder.
  • Or you can build this app with gradle. First, download the zip file of this repo. Unpack it locally. In the terminal, from the root of the project, type ./gradlew build. On Windows, just type gradlew build. Next, move the JAR file from build/libs to your $XP_HOME/deploy directory. The Google Maps app will now be available to add to your websites through the Content Manager admin tool in Enonic XP.

If you are upgrading to a newer version of this app, make sure to remove the old version's JAR file from the $XP_HOME/deploy directory.

How to use this app

Usage limits

The standard usage limits for Google Maps is 25,000 map loads per 24 hours for 90 consecutive days. If this limit is exceeded, you may enable pay-as-you-go billing to unlock higher quotas.

Google Maps JavaScript API v3 Browser Key

While strictly not required for Google Maps to run, Google strongly recommends that you create an API key so you can perform tracking and analysis, as well as unlock additional quotas if you surpass the usage limit. Once you have obtained an API key, it may be entered in this app's App config when editing your site.

How to find GPS coordinates for a location

  • Visit Google Maps and search for your location (address, location name, etc.)
  • Right-click inside the map on the location that you want the GPS coordinates to point to
  • In the context menu that appears, choose "What's here?"
  • A pop-up window appears that should include two decimal numbers separated by a comma, e.g. 59.909195, 10.742339. These are your coordinates. If you like, you may click on the numbers and Google Maps will put them in the search field so you may easily copy them to the clipboard.
  • When creating your Google Maps part in Page Edit, these GPS coordinates may be typed/pasted into any "GPS coordinates" field.

Releases and Compatibility

Version XP version
1.0.1 6.4.0
1.0.0 6.4.0

Important! This App is not backwards compatible with any XP version before 6.4.

Changelog

Version 1.0.1

  • Fixed bug when placing a part on a page with multiple regions

Version 1.0.0

  • First release

app-googlemaps's People

Contributors

hjelmevold avatar bellfalasch avatar michael-lazell avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.