ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / WLanguage / WLanguage functions / Controls, pages and windows / Map functions
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
The following functions are used to manage Map controls via prefix syntax:
<Map>.AddImageAdds a new image to the map displayed in a Map control.
<Map>.AddItineraryAdds an itinerary onto a Map control.
<Map>.AddMarkerAdds a new marker onto a map displayed in a Map control.
<Map>.AddShapeAdds a new shape (polygon, line, circle) to the map displayed in a Map control.
<Map>.ChangeStyleChanges the style of the map displayed in the Map control.
<Map>.ClosePopupCloses the popup of a marker displayed in the Map control.
<Map>.DeleteAllDeletes the following from a Map control:
  • all markers,
  • all shapes,
  • all images.
<Map>.DeleteImageDeletes an image drawn on the map displayed in a Map control.
<Map>.DeleteItineraryDeletes an itinerary from a Map control.
<Map>.DeleteMarkerDeletes a marker from a map displayed by a Map control.
<Map>.DeleteShapeDeletes a shape drawn on the map displayed in an Map control.
<Map>.DisplayAreaMoves the map displayed in the Map control so that the specified geographic area can be seen in its entirety.
<Map>.DisplayPopupOpens the popup of a marker displayed in a Map control.
<Map>.DisplayPositionCenters the map displayed in a Map control on a geographical position or on a specific location.
<Map>.EndOfMoveStops following the device movement in a Map control.
<Map>.ExecuteJSRuns the native code of Google Maps API in a Map control in JavaScript.
<Map>.FollowMovementDisplays the current location of the device in a Map control and updates the location as it moves.
<Map>.GetImageRetrieves the image of a map displayed in a Map control. The markers and the itineraries displayed on this map will also be found in the image.
<Map>.GetJSObjectReturns the instance of the API of Map control.
<Map>.GetPositionReturns the geographical position of the point located in the center of the map currently displayed in a Map control.
<Map>.GetStyleReturns the style used by the map displayed in the Map control.
<Map>.InfoPositionReturns the coordinates (in pixels) of the point corresponding to a geographical position (latitude and longitude).
<Map>.InfoXYReturns the geographical position (latitude and longitude) corresponding to a point in a Map control.
<Map>.ItineraryDistanceCalculates the distance of an itinerary in a Map control.
<Map>.LimitAreaLimits the geographic area displayed in the Map control.
<Map>.ModifyImageModifies an image drawn on the map displayed in a Map control.
<Map>.ModifyMarkerModifies a marker displayed in a Map control.
<Map>.ModifyShapeModifies a shape drawn on the map displayed in a Map control.
<Map>.PopupDisplayedIndicates whether the popup of a marker in a Map control is displayed.


The types of variables manipulated by the Map control or one of its functions are the following:
MapCircleThe MapCircle type is used to define the characteristics of a circle to be drawn on the map displayed in a Map control.
MapImageThe MapImage type is used to define the characteristics of an image to be drawn on the map displayed in a Map control.
MapPolygonThe MapPolygon type is used to define the characteristics of a polygon to be drawn on the map displayed in a Map control.
MapPolylineThe MapPolyline type is used to define the characteristics of a line composed of several segments to be drawn on the map displayed in a Map control.
MarkerThe Marker type is used to define the characteristics of a marker that must be positioned on a map displayed in a Map control.
MarkerImageThe MarkerImage type is used to customize the image associated with a marker or a marker cluster displayed in a Map control.
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.
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.
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.
Minimum version required
  • Version 23
This page is also available for…
Comments
Errors that may occur in Maps not working:
A) in the Google developer environment, a valid credit/debit card must be registered in the billing method of payment. If you do not have a card that has valid usage data, it may also give an error.
B) environment changes may be necessary to create new api key.
C) the api is not ok, because for the maps it has a
Different web and mobile apis, minus watching an updated tutorial.
D) ocorre erro também quando o WX (Windev, Webdev e Windev Mobile) esta desatualizado e usando a versão antiga do internet explorer. Solução mudei pra o google/edge.
E) informeo apikey válido do googlemaps.
Boller
30 Aug. 2023

Last update: 06/27/2023

Send a report | Local help