PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview of Map control
  • Creating a Map control
  • Popup for displaying markers
  • Displaying and handling maps
  • Displaying the maps
  • Maps handled by the user
  • Specific features
  • Internet Explorer: Required versions
  • Map control and Google license
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview of Map control
Versions 20 and later
Windows The Map control is now available for WINDEV applications in Windows.
WEBDEV - Server codeWindowsLinux The Map control is now available for WEBDEV sites in Windows and Linux.
PHP The Map control is now available for WEBDEV sites in PHP.
New in version 20
Windows The Map control is now available for WINDEV applications in Windows.
WEBDEV - Server codeWindowsLinux The Map control is now available for WEBDEV sites in Windows and Linux.
PHP The Map control is now available for WEBDEV sites in PHP.
Windows The Map control is now available for WINDEV applications in Windows.
WEBDEV - Server codeWindowsLinux The Map control is now available for WEBDEV sites in Windows and Linux.
PHP The Map control is now available for WEBDEV sites in PHP.
The Map control allows you to display a map in order to geolocate, display points of interest (POI) and more, ...
This map comes from:
  • Versions 20 and later
    WEBDEV - Server codePHP the Google Maps service for Web sites via the Google Maps API.
    The use of the Map control is subject to specific terms and conditions. Depending on the use mode, you may have to use a Google key (MapLicenseGgl). Check the Google license before deploying your applications.
    New in version 20
    WEBDEV - Server codePHP the Google Maps service for Web sites via the Google Maps API.
    The use of the Map control is subject to specific terms and conditions. Depending on the use mode, you may have to use a Google key (MapLicenseGgl). Check the Google license before deploying your applications.
    WEBDEV - Server codePHP the Google Maps service for Web sites via the Google Maps API.
    The use of the Map control is subject to specific terms and conditions. Depending on the use mode, you may have to use a Google key (MapLicenseGgl). Check the Google license before deploying your applications.
The map displayed is interactive: you have the ability to zoom, move, ... It can be displayed in map view or satellite view.

Creating a Map control

To create a Map control:
  1. On the "Creation" pane, in the "Graphic controls" group, click "Map".
  2. Click where the control will be created in the window or page.
To view the control characteristics, select "Description" in the popup menu of the control.
The "General" tab allows you to define:
  • the display mode: map or satellite,
  • Versions 26 and later
    whether traffic information is shown or hidden.
    New in version 26
    whether traffic information is shown or hidden.
    whether traffic information is shown or hidden.
  • WEBDEV - Server codePHP whether the zoom buttons must be displayed (or not) in the control,
The "Details" tab is used to define:
  • WEBDEV - Server code gesture options:
    • WEBDEV - Server code allow scaling by double-tapping.
  • the image used for the POI markers.
Remarks:
    Versions 26 and later

    Popup for displaying markers

    Depending on the platform, when a preset window or page is used to manage marker popups, the following elements are included:
    • WEBDEV - Server code the IPAGE_WEBDEVPopupMarker internal page.
      This internal page is available from version 260075 onwards.
    These elements contain:
    • two controls used to display the name and description of the marker.
    • a declaration code to handle the current Marker variable.
    New in version 26

    Popup for displaying markers

    Depending on the platform, when a preset window or page is used to manage marker popups, the following elements are included:
    • WEBDEV - Server code the IPAGE_WEBDEVPopupMarker internal page.
      This internal page is available from version 260075 onwards.
    These elements contain:
    • two controls used to display the name and description of the marker.
    • a declaration code to handle the current Marker variable.

    Popup for displaying markers

    Depending on the platform, when a preset window or page is used to manage marker popups, the following elements are included:
    • WEBDEV - Server code the IPAGE_WEBDEVPopupMarker internal page.
      This internal page is available from version 260075 onwards.
    These elements contain:
    • two controls used to display the name and description of the marker.
    • a declaration code to handle the current Marker variable.
    Displaying and handling maps

    Displaying the maps

    When the window containing a Map control is opened, a world map is automatically displayed: the map is centered on Europe, with medium zoom level.

    Maps handled by the user

    The user can move on the map:
    • WEBDEV - Server codePHP by scrolling the map using the mouse.
    • WEBDEV - Server codePHP via the control positioning buttons (if "Show zoom buttons" has been selected in the "General" tab of the control description window).
    The user can zoom in or out:
    • WEBDEV - Server codePHP by using the zoom buttons of the control (if the option has been selected in the "General" tab of the control description window).
    • by programming with Zoom.
    WEBDEV - Server codePHP To find out all the operations available at runtime, see Map control: Automatic Application Features (AAF).
    Specific features
    WEBDEV - Server code

    Internet Explorer: Required versions

    WEBDEV - Server code To view a Map control in a WEBDEV site, the Web user must use:
    • Internet Explorer 10 or 11.
    • Another browser (Chrome, Firefox, etc.).

    Map control and Google license

    WEBDEV - Server codePHP Caution: Evolutions of Google license
    Google Maps terms of service changed on June 22, 2016. From now on, a license key must necessarily be specified to use this service. You must:
    1. Generate the key in the Google developer console (https://console.developers.google.com). The operations to perform are as follows (valid at the date this page was written):
      • Use a Google account to connect to the developer console.
      • Create a project if necessary.
      • Click "Enable APIs and services".
      • Click "Maps JavaScript API".
      • Click "Enable" to enable the Google Maps JavaScript API.
      • Click "Credentials". Then, click the link "Credentials in APIs & Services".
      • Click "Create credentials".
      • Select "API key".
      • Validate the key creation and copy the key created by Google.
    2. Specify the key used in the application or in the site with MapLicenseGgl.
    Google Maps terms of service changed on June 11, 2018. The license key for using this service now requires a payment.
    Related Examples:
    The Map control Unit examples (WEBDEV): The Map control
    [ + ] This example explains how to use the Map control of WEBDEV.
    It can be used to display a map that includes markers as well as an itinerary.
    The Map control Unit examples (WINDEV): The Map control
    [ + ] Using the Map control of WINDEV.
    It is used to display a map that includes markers as well as an itinerary.
    The GglGetStaticMap function Unit examples (WINDEV): The GglGetStaticMap function
    [ + ] Using gglGetMap to display a Google map in an Image control.
    WM Geolocation Cross-platform examples (WINDEV Mobile): WM Geolocation
    [ + ] This example explains how to perform proximity searches with geolocation :
    - search around me
    - search in a city, at a given address, or close to a specific address.
    The results are displayed in a looper and in a map with markers.
    WM Sports Cross-platform examples (WINDEV Mobile): WM Sports
    [ + ] This example is a sport application used to save your performances.
    The application calculates the distance, the time, the average speed and the number of calories spent according to the sport.
    The run is displayed on a map control via markers and an itinerary.

    The example also includes a server part used to synchronize the user data.
    This webservice is available in the WEBDEV "WW_Sports" example.
    Minimum version required
    • Version 17
    This page is also available for…
    Comments
    Click [Add] to post a comment