Google Maps and Google route

You can add Google Maps and Google route to the page as a plug-in.

On Google Maps, you can specify a fixed point, such as an address. Use Google Route to indicate a route with a starting and ending point.

Add Google maps

You can add Google Maps to the page.

If you use the classic Google Maps view, you use the plug-in Google maps. If you use the renewed view, select Google Maps (new style).

To add Google maps:

1. Log on and start Site management.
   1. Open the site.
   2. Log on with the username and password.
   3. Click on: OK.
   4. Click on the user name at the top right.

      

   5. Click on: Site management.

2. Click on: Edit (in the Page frame).
3. Click on: Layout.
4. Click on: Plug-ins.
5. Click on: Google maps of Google Maps (new style).
6. If required, enter a value for Title.
7. Select the Show component frame and title check box if you want to display this data with Google Maps.
8. Enter a value in Html block.

   You retrieve the value for this HTML block from Google Maps. In this example, this is 425.

   Example: 

• Go to: maps.google.nl
• Enter the address you want to display, for example Philipsstraat 9, Leusden, the Netherlands
• Click on: Settings (the radar icon at the bottom right of the screen).
• Click on: Share or embed map.
• Click on: Embed map.
• Paste the link in the HTML block

  

1. If Google Maps is too large, adjust the height and width. By default, Google Maps supplies the 425 x 350 format. You can modify this in the first sentence of the HTML block.
2. Enter a value in: Height.

   For example, you enter the value of 'height' from the HTML code here, or another value.

3. Click on: Create.
4. Click on: Publish.

   The result looks as follows:

   

Add a Google route

You can add Google route as a plug-in. You can use this plug-in to obtain a quick and reliable calculation of the distance, for example for your mileage declarations. You can also use the plug-in in the Enter Employment wizard and for address changes. Before you can use this plug-in, you must first link the API console key in the properties of the site.

Preparations:

• For a travel costs claim, you need to configure the profile.
• Link the API-console key in the site properties:
  • Google Maps Geocoding API
  • Google Maps Directions API
  • Google Maps Javascript API
  • Google Maps Geolocation API
  • Google Maps Static API (If you are using AFAS Pocket or if you want to use it in the future.)

To place the plug-in on the page:

1. Open the site and edit the page.
   1. Log on and start Site management.
      1. Open the site.
      2. Log on with the username and password.
      3. Click on: OK.
      4. Click on the user name at the top right.

         

      5. Click on: Site management.

   2. Open the page you want to place the plug-in on.
   3. Click on: Edit (in the Page frame).
   4. Click on: Layout in the Display frame.

      

2.  Click on: Plug-ins / Google / Google route.
3. Only use the Plug-in start point address and Plug-in end point address fields if you want to use the same route every time. If the start and end points are different each time, as is the case for travel expense claims, leave these fields empty. The user then selects the start and end points him/herself.
4. Enable Calculate fastest route to use the fastest route. If not, use the shortest route. Google Route also takes into account traffic when calculating the distance.
5. Click on: Create.
6. Click on: Publish.
7. Click on Yes in the message

   If you have not entered any address values, the result appears as follows: