B4J Question Google Maps webApp

[francisco duran]

Hi friends, need your help.

I need to work with google maps from B4J in server mode.
Does anyone know a library or know how to do it?

Bye, thanks

 

[TILogistic]

[WebApp] Web Apps Overview

B4J v2.00 adds support for web applications based on WebSocket technology. With WebSocket The browser and the server maintain an open communication channel. This channel allows us to build web apps where all (or most) of the logic is implemented in the server. The new framework is implemented...

www.b4x.com

Leaflet — an open-source JavaScript library for interactive maps

Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps.

leafletjs.com

or:

[Web][BANano] Website/App/PWA library with Abstract Designer support

Download the latest version here: https://www.b4x.com/android/forum/threads/banano-a-sneak-peek-into-a-progressive-web-app-library.99740/#post-627764 INTRO BANano is a new B4J library to websites/webapps with (offline) Progressive Web App support. Unlike its big brother ABMaterial, BANano...

www.b4x.com

[BANano] Leaflet-Wrapper

Hello, I am pleased to announce my first library for BANano. :) This is a wrapper that allows you to use the functionality of the JavaScript library Leaflet with B4J in conjunction with BANano. What is Leaflet? https://en.wikipedia.org/wiki/Leaflet_(software) Leaflet homepage...

www.b4x.com

 

[francisco duran]

Hi Oparra, thanks for your info, i am very interest in use BANano, but can´t donwload, you take the .zip? In link is down.
Thanks

Byee

 

[TILogistic]

Hi Oparra, thanks for your info, i am very interest in use BANano, but can´t donwload, you take the .zip? In link is down.
Thanks

Byee

consult to @Mashiane or @alwaysbusy

 

[Mashiane]

Right click on the link and then copy it and paste on your browser.

 

[francisco duran]

Yes, i can download now.

thankss

 

[Mashiane]

The BANanoVuetifyAD3 library now has LeafLet, I will post a demo for GoogleMaps soon. Get the library here:

[BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano

Ola ************************************************** Feb 2024: BVAD3 RoadMap https://www.b4x.com/android/forum/threads/bananovuetifyad3-2024-roadmap.159326/ ************************************************* Download Additional Libraries Download BANanoVuetifyAD3Core Library OR Download...

www.b4x.com

You simply add markers like..

VLeaflet1.AddMarker("1", "Mashy", 47.313221, -1.319483)
    '
    VLeaflet1.AddCircle("2", "Mashy's Circle", 47.313220, -1.0482, "red", 4500)
    '
    VLeaflet1.AddPolygon("3", "Mashy's Polygon", "green")
    '
    VLeaflet1.AddPolygonLatLngMap("3", CreateMap(47.2263299: -1.6222, _
    47.21024000000001: -1.6270065, _
    47.1969447: -1.6136169, _
    47.18527929999999: -1.6143036, _
    47.1794457: -1.6098404, _
    47.1775788: -1.5985107, _
    47.1676598: -1.5753365, _
    47.1593731: -1.5521622, _
    47.1593731: -1.5319061, _
    47.1722111: -1.5143967, _
    47.1960115: -1.4841843, _
    47.2095404: -1.4848709, _
    47.2291277: -1.4683914, _
    47.2533687: -1.5116501, _
    47.2577961: -1.5531921, _
    47.26828069: -1.5621185, _
    47.2657179: -1.589241, _
    47.2589612: -1.6204834, _
    47.237287: -1.6266632, _
    47.2263299: -1.6222))
    '
    VLeaflet1.AddPolyLine("4", "Mashy's Polyline", "green")
    VLeaflet1.AddPolyLineLatLngMap("4", CreateMap(47.334852: -1.509485, _
    47.342596: -1.328731, _
    47.241487: -1.190568, _
    47.234787: -1.358337))
    '
    'add a rectangle
    VLeaflet1.AddRectangle("5", "Mashy's Rectangle", 47.341456, -1.397133, 47.303901, -1.243813, "red", 3)
    
    VLeaflet1.Refresh(leaf)
    'show last marker    
    VLeaflet1.SetView(leaf, 47.313220, -1.319482, 8)

All the best