🧩 Maps
An extension for MIT App Inventor 2.Developed by mariosoft using Fast.
Specifications
Package: es.mariosoft.maps
Size: 13,02 KB
Version: 1.0
Minimum API Level: 14
Updated On: 2026-02-21T23:00:00Z
Built & documented using: FAST v5.5.0
Events:
Maps has total 6 events.
1. ReceiveCoordinates
Event received when requesting the coordinates of a marker
| Parameter | Type |
|---|---|
| id | text |
| lat | number |
| lng | number |
2. MapClick
Event received when Click Map
| Parameter | Type |
|---|---|
| lat | number |
| lng | number |
3. MapLongClick
Event received when LongClick Map
| Parameter | Type |
|---|---|
| lat | number |
| lng | number |
4. MarkDoubleClick
Event received when DoubleClick Mark
| Parameter | Type |
|---|---|
| id | text |
5. ElementClick
Event received when Click other element
| Parameter | Type |
|---|---|
| id | text |
6. ElementDragged
Event received when one element dragged
| Parameter | Type |
|---|---|
| id | text |
| lat | number |
| lng | number |
Methods:
Maps has total 12 methods.
1. Layers
Change the map layer, layersname = OSM Mapnik, OSM Humanitarian, ESRI World Street Map, ESRI World Imagery, ESRI World Topo Map, CartoDB Positron, CartoDB Dark Matter
| Parameter | Type |
|---|---|
| layername | text |
2. CreateMark
Create a brand with position, pop-up window, color (hue-red, hue-green, hue-black, blue) and drag option.
| Parameter | Type |
|---|---|
| id | text |
| lat | number |
| lng | number |
| info | text |
| colorClase | text |
| drag | boolean |
3. IconMark
Replace a Mark icon with an image URL or an asset file. size 32x32 or 16x16
| Parameter | Type |
|---|---|
| id | text |
| iconoUrl | text |
4. AngleMark
Rotate a mark the indicated degrees, When using locationsensor, the icon must be facing north to function correctly.
| Parameter | Type |
|---|---|
| id | text |
| grados | number |
5. MoveMark
Move a marker to a specific latitude and longitude
| Parameter | Type |
|---|---|
| id | text |
| lat | number |
| lng | number |
6. DrawLine
Draw a Line on the map, json format [[lat,lon],[lat,lon]...], color 'blue', 'red'...
| Parameter | Type |
|---|---|
| json | text |
| color | text |
| thickness | number |
| discontinuous | boolean |
7. DrawPolygon
Draw a polygon on the map, json format [[lat,lon],[lat,lon]...], color 'blue', 'red'...
| Parameter | Type |
|---|---|
| id | text |
| json | text |
| color | text |
| drag | boolean |
8. DrawCircle
Draw a circle on the map, color 'blue', 'red'...
| Parameter | Type |
|---|---|
| id | text |
| lat | number |
| lng | number |
| rad | number |
| color | text |
| drag | boolean |
9. MarkCoordinates
Request the coordinates of a marker
| Parameter | Type |
|---|---|
| id | text |
10. ClearMap
Clear map
11. Distances
Returns the distance in meters between two coordinates
- Return type:
number
| Parameter | Type |
|---|---|
| lat1 | number |
| lon1 | number |
| lat2 | number |
| lon2 | number |
12. Heading
Calculate the angle (0-360) between two GPS coordinates.
- Return type:
number
| Parameter | Type |
|---|---|
| lat1 | number |
| lng1 | number |
| lat2 | number |
| lng2 | number |
Designer:
Maps has total 1 designer property.
1. Web
- Input type:
component:com.google.appinventor.components.runtime.WebViewer
Setter:
Maps has total 1 setter property.
1. Web
Component WebViewer
- Input type:
component
es.mariosoft.maps.aix (13,0 KB)
Mapas.aia (23,6 KB)