Map Control Displays Error Message
/pages/Troubleshooting/Components/Map Missing.xml
Alpha Anywhere's map controls and components use the Google Maps API. The Google Maps Javascript API requires an API Key.
Map Control Methods
/pages/Ref/Client_Api/UX/map control methods/index.xml
Available methods for a Map Control Object.
Image Map
/pages/Guides/Mobile and Web Components/UX/Controls/Data Controls/ViewBox/Sample ViewBoxes/Image Map.xml
Example demonstrates an interactive world map.
Adding a Map to a Window Container
/pages/Guides/Mobile and Web Components/UX/Controls/Containers/Container/Window/Adding a Map to a Window Container.xml
Create a dropdown window container with a map. This requires acquiring a Google Map API key from Google.
Displaying Driving Directions on a Map Control
/pages/Guides/Mobile and Web Components/UX/Controls/Data Controls/Map/Displaying Driving Directions on a Map Control.xml
When you place a map on a UX Component you can call any of the various methods that map object exposes. There are quite a few different methods exposed by the map object. In this example we show how the .plotRoute() method can be used topic display a route and driving directions for a starting and ending address.
Using The Google Charts API in Your Applications
/pages/Guides/Desktop/Design/View/Chart/Using The Google Charts API in Your Applications.xml
The Google Charts api is documented at: http://code.google.com(external link). Google Charts is a free Google service that allows you to generate graphs as images by calling a web service. The example below shows how a call is made to the Google Charts service. The service returns binary data in the form of a PNG image. We then load the PNG data into an Alpha Five internal image with the ui_bitmap_png_load() function and finally display the image on an Xdialog.
Placing a Map Control on a UX Component
/pages/Guides/Mobile and Web Components/UX/Controls/Data Controls/Map/Placing a Map Control on a UX Component.xml
Place a simple map control on a UX Component and set basic properties of the map object.
How to Animate Markers on a Map
/pages/HowTo/Map/Animate Map Markers.xml
Map markers can be animated when they are placed. Existing markers can also be animated to draw the user's attention.
Open a UX as an alternate editing view for current record
/pages/Ref/Action Javascript/Open a UX as an alternate editing view for current record.xml
Open a UX component in a pop-up window, or in a DIV on the current page, to edit the record currently being edited in the Grid or UX component.
Treating the Map as a Blank Canvas so that Markers on the Map can be Added Programmatically
/pages/Guides/Mobile and Web Components/Grid/Grid Properties/Alternate Views/Google Maps - Alternate Views/Treating the Map as a Blank Canvas so that Markers on the Map can be Added Programmatically.xml
In the previous videos, the markers on the map have been added automatically. For each record in the Grid, a corresponding marker has been placed on the Map.