SlideShare uma empresa Scribd logo
1 de 16
BrunoFierens
info@tmssoftware.com
Stayin touch
http://www.facebook.com/tmssoftware
@tmssoftwarenews @BrunoFierens
Using Google Maps
in Delphi VCL and FMX apps
Using Google Maps in Delphi apps
• Introduction: Google Maps in Delphi apps
• Architecture in a nutshell
• Map options
• Positioning, markers
• Geocoding, reverse geocoding
• Directions
• GPX, GEOJson
Introduction: Google Maps in Delphi apps
• Programmatic control of Google Maps via Delphi code
• Wide range of geographical related functions
• Available for
- VCL apps for Windows
- FMX apps for Windows, macOS, Android, iOS
- IntraWeb apps for web
• Easy to use Delphi classes, properties, methods. No Javascript required
• Free liberal use of Google Maps, some use is paying
https://console.developers.google.com/
Architecture in a nutshell
WebBrowser control based
• Navigate to https://maps.google.com
• Injection of Javascript to interact with map via Google Maps Javascript API
• Use WebBrowser interface to expose Javascript browser events as Delphi events
• Additional use of Google geocoding / Reverse geocoding APIs
Map options
• Map types: default, terrain, satellite, hybrid
• Traffic
• Streetview
• Language
• Controls: zoom, map type, streetview
Demo
Positioning
• Map position:
- WebGMaps.MapPanTo(),
- WebGMaps.MapPanBy(X,Y)
- WebGMaps.MapZoomTo(bounds)
• Markers
- WebGMaps.Markers.Add()
Demo
Geocoding, reversegeocoding
• Translation of address to longitude & latitude and vice versa
• Via TWebGMapsGeocoding, TWebGMapsReversegeocoding component
• In VCL helper component: TWebGMapsLookupEdit
Demo
Directions
• Calculating routes from point A to B
• Optionally add waypoints
• WebGMaps.RenderDirections()
• WebGMaps.GetDirections()
• WebGMaps.Directions result collection
• WebGMaps.FillDirectionList()
Demo
GPX, GEOJson
• Import and export GPX files
WebGMaps.LoadGPSRoute();
WebGMaps.SavePathToGPSRoute();
• Import GEOJson files (http://geojson.org/)
WebGMaps.LoadGeoJsonPolyLine();
WebGMaps.LoadGeoJsonPolygon();
Demo
Interesting links
• TMS VCL WebGMaps
http://www.tmssoftware.com/site/webgmaps.asp
• TMS FMX WebGMaps
http://www.tmssoftware.com/site/tmsfmxwebgmaps.asp
• TMS IntraWeb WebGMaps
http://www.tmssoftware.com/site/iwwebgmaps.asp
• More videos
https://www.youtube.com/user/tmssoftwareTV
Q&A

Mais conteúdo relacionado

Semelhante a TMS Google Mapping Components

Presentation our world is open inspire gwf 2015
Presentation our world is open inspire gwf 2015Presentation our world is open inspire gwf 2015
Presentation our world is open inspire gwf 2015
Marc Vloemans
 
Plan4all Georama Presentation at Patras (12-13.09.2011)
Plan4all Georama Presentation at Patras (12-13.09.2011)Plan4all Georama Presentation at Patras (12-13.09.2011)
Plan4all Georama Presentation at Patras (12-13.09.2011)
Manolis Viennas
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
 

Semelhante a TMS Google Mapping Components (20)

Intro to apps with maps for series 40
Intro to apps with maps for series 40Intro to apps with maps for series 40
Intro to apps with maps for series 40
 
Presentation our world is open inspire gwf 2015
Presentation our world is open inspire gwf 2015Presentation our world is open inspire gwf 2015
Presentation our world is open inspire gwf 2015
 
gvSIG mobile, a GIS for mobile devices
gvSIG mobile, a GIS for mobile devicesgvSIG mobile, a GIS for mobile devices
gvSIG mobile, a GIS for mobile devices
 
Google Developer Day 2010 Japan: Android や iPhone で活用する Maps API のモバイル端末向け新機能...
Google Developer Day 2010 Japan: Android や iPhone で活用する Maps API のモバイル端末向け新機能...Google Developer Day 2010 Japan: Android や iPhone で活用する Maps API のモバイル端末向け新機能...
Google Developer Day 2010 Japan: Android や iPhone で活用する Maps API のモバイル端末向け新機能...
 
Sharing the Openness of the Maps via FOSS4G and the Web
Sharing the Openness of the Maps via FOSS4G and the WebSharing the Openness of the Maps via FOSS4G and the Web
Sharing the Openness of the Maps via FOSS4G and the Web
 
Integrate Google Map SDK in iOS App
Integrate Google Map SDK in iOS AppIntegrate Google Map SDK in iOS App
Integrate Google Map SDK in iOS App
 
Xamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar PatnaikXamarin COE by Mukteswar Patnaik
Xamarin COE by Mukteswar Patnaik
 
Place note
Place notePlace note
Place note
 
HERE Maps for the Nokia X platform
HERE Maps for the Nokia X platformHERE Maps for the Nokia X platform
HERE Maps for the Nokia X platform
 
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
LSIVIEWER 2.0-A CLIENT-ORIENTED ONLINE VISUALIZATION TOOL FOR GEOSPATIAL VECT...
 
Plan4all Georama Presentation at Patras (12-13.09.2011)
Plan4all Georama Presentation at Patras (12-13.09.2011)Plan4all Georama Presentation at Patras (12-13.09.2011)
Plan4all Georama Presentation at Patras (12-13.09.2011)
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
 
Tools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationTools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App Creation
 
Jefferson Andrade - Esri Dev Summit 2016 #02 - Dev Tools
Jefferson Andrade - Esri Dev Summit 2016 #02 - Dev ToolsJefferson Andrade - Esri Dev Summit 2016 #02 - Dev Tools
Jefferson Andrade - Esri Dev Summit 2016 #02 - Dev Tools
 
Esri Scotland Conf 2016 Glasgow City Council
Esri Scotland Conf 2016   Glasgow City CouncilEsri Scotland Conf 2016   Glasgow City Council
Esri Scotland Conf 2016 Glasgow City Council
 
Performance and Scalability for Maps API Sites (Dev Fest '10 Mexico)
Performance and Scalability for Maps API Sites (Dev Fest '10 Mexico)Performance and Scalability for Maps API Sites (Dev Fest '10 Mexico)
Performance and Scalability for Maps API Sites (Dev Fest '10 Mexico)
 
Google Earth Web2.0.Key
Google Earth Web2.0.KeyGoogle Earth Web2.0.Key
Google Earth Web2.0.Key
 
Location and API Maps in Windows Phone 8
Location and API Maps in Windows Phone 8Location and API Maps in Windows Phone 8
Location and API Maps in Windows Phone 8
 
Location-aware applications with GeoClue
Location-aware applications with GeoClueLocation-aware applications with GeoClue
Location-aware applications with GeoClue
 
Location-Based Marketing Application Development Made Easier with GeoSimulator
Location-Based Marketing Application Development Made Easier with GeoSimulatorLocation-Based Marketing Application Development Made Easier with GeoSimulator
Location-Based Marketing Application Development Made Easier with GeoSimulator
 

Mais de Embarcadero Technologies

Getting Started Building Mobile Applications for iOS and Android
Getting Started Building Mobile Applications for iOS and AndroidGetting Started Building Mobile Applications for iOS and Android
Getting Started Building Mobile Applications for iOS and Android
Embarcadero Technologies
 

Mais de Embarcadero Technologies (20)

PyTorch for Delphi - Python Data Sciences Libraries.pdf
PyTorch for Delphi - Python Data Sciences Libraries.pdfPyTorch for Delphi - Python Data Sciences Libraries.pdf
PyTorch for Delphi - Python Data Sciences Libraries.pdf
 
Android on Windows 11 - A Developer's Perspective (Windows Subsystem For Andr...
Android on Windows 11 - A Developer's Perspective (Windows Subsystem For Andr...Android on Windows 11 - A Developer's Perspective (Windows Subsystem For Andr...
Android on Windows 11 - A Developer's Perspective (Windows Subsystem For Andr...
 
Linux GUI Applications on Windows Subsystem for Linux
Linux GUI Applications on Windows Subsystem for LinuxLinux GUI Applications on Windows Subsystem for Linux
Linux GUI Applications on Windows Subsystem for Linux
 
Python on Android with Delphi FMX - The Cross Platform GUI Framework
Python on Android with Delphi FMX - The Cross Platform GUI Framework Python on Android with Delphi FMX - The Cross Platform GUI Framework
Python on Android with Delphi FMX - The Cross Platform GUI Framework
 
Introduction to Python GUI development with Delphi for Python - Part 1: Del...
Introduction to Python GUI development with Delphi for Python - Part 1:   Del...Introduction to Python GUI development with Delphi for Python - Part 1:   Del...
Introduction to Python GUI development with Delphi for Python - Part 1: Del...
 
FMXLinux Introduction - Delphi's FireMonkey for Linux
FMXLinux Introduction - Delphi's FireMonkey for LinuxFMXLinux Introduction - Delphi's FireMonkey for Linux
FMXLinux Introduction - Delphi's FireMonkey for Linux
 
Python for Delphi Developers - Part 2
Python for Delphi Developers - Part 2Python for Delphi Developers - Part 2
Python for Delphi Developers - Part 2
 
Python for Delphi Developers - Part 1 Introduction
Python for Delphi Developers - Part 1 IntroductionPython for Delphi Developers - Part 1 Introduction
Python for Delphi Developers - Part 1 Introduction
 
RAD Industrial Automation, Labs, and Instrumentation
RAD Industrial Automation, Labs, and InstrumentationRAD Industrial Automation, Labs, and Instrumentation
RAD Industrial Automation, Labs, and Instrumentation
 
Embeddable Databases for Mobile Apps: Stress-Free Solutions with InterBase
Embeddable Databases for Mobile Apps: Stress-Free Solutions with InterBaseEmbeddable Databases for Mobile Apps: Stress-Free Solutions with InterBase
Embeddable Databases for Mobile Apps: Stress-Free Solutions with InterBase
 
Rad Server Industry Template - Connected Nurses Station - Setup Document
Rad Server Industry Template - Connected Nurses Station - Setup DocumentRad Server Industry Template - Connected Nurses Station - Setup Document
Rad Server Industry Template - Connected Nurses Station - Setup Document
 
Move Desktop Apps to the Cloud - RollApp & Embarcadero webinar
Move Desktop Apps to the Cloud - RollApp & Embarcadero webinarMove Desktop Apps to the Cloud - RollApp & Embarcadero webinar
Move Desktop Apps to the Cloud - RollApp & Embarcadero webinar
 
Useful C++ Features You Should be Using
Useful C++ Features You Should be UsingUseful C++ Features You Should be Using
Useful C++ Features You Should be Using
 
Getting Started Building Mobile Applications for iOS and Android
Getting Started Building Mobile Applications for iOS and AndroidGetting Started Building Mobile Applications for iOS and Android
Getting Started Building Mobile Applications for iOS and Android
 
Embarcadero RAD server Launch Webinar
Embarcadero RAD server Launch WebinarEmbarcadero RAD server Launch Webinar
Embarcadero RAD server Launch Webinar
 
ER/Studio 2016: Build a Business-Driven Data Architecture
ER/Studio 2016: Build a Business-Driven Data ArchitectureER/Studio 2016: Build a Business-Driven Data Architecture
ER/Studio 2016: Build a Business-Driven Data Architecture
 
The Secrets of SQL Server: Database Worst Practices
The Secrets of SQL Server: Database Worst PracticesThe Secrets of SQL Server: Database Worst Practices
The Secrets of SQL Server: Database Worst Practices
 
Driving Business Value Through Agile Data Assets
Driving Business Value Through Agile Data AssetsDriving Business Value Through Agile Data Assets
Driving Business Value Through Agile Data Assets
 
Troubleshooting Plan Changes with Query Store in SQL Server 2016
Troubleshooting Plan Changes with Query Store in SQL Server 2016Troubleshooting Plan Changes with Query Store in SQL Server 2016
Troubleshooting Plan Changes with Query Store in SQL Server 2016
 
Great Scott! Dealing with New Datatypes
Great Scott! Dealing with New DatatypesGreat Scott! Dealing with New Datatypes
Great Scott! Dealing with New Datatypes
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

TMS Google Mapping Components

  • 2. Using Google Maps in Delphi apps • Introduction: Google Maps in Delphi apps • Architecture in a nutshell • Map options • Positioning, markers • Geocoding, reverse geocoding • Directions • GPX, GEOJson
  • 3. Introduction: Google Maps in Delphi apps • Programmatic control of Google Maps via Delphi code • Wide range of geographical related functions • Available for - VCL apps for Windows - FMX apps for Windows, macOS, Android, iOS - IntraWeb apps for web • Easy to use Delphi classes, properties, methods. No Javascript required • Free liberal use of Google Maps, some use is paying https://console.developers.google.com/
  • 4. Architecture in a nutshell WebBrowser control based • Navigate to https://maps.google.com • Injection of Javascript to interact with map via Google Maps Javascript API • Use WebBrowser interface to expose Javascript browser events as Delphi events • Additional use of Google geocoding / Reverse geocoding APIs
  • 5. Map options • Map types: default, terrain, satellite, hybrid • Traffic • Streetview • Language • Controls: zoom, map type, streetview
  • 7. Positioning • Map position: - WebGMaps.MapPanTo(), - WebGMaps.MapPanBy(X,Y) - WebGMaps.MapZoomTo(bounds) • Markers - WebGMaps.Markers.Add()
  • 9. Geocoding, reversegeocoding • Translation of address to longitude & latitude and vice versa • Via TWebGMapsGeocoding, TWebGMapsReversegeocoding component • In VCL helper component: TWebGMapsLookupEdit
  • 10. Demo
  • 11. Directions • Calculating routes from point A to B • Optionally add waypoints • WebGMaps.RenderDirections() • WebGMaps.GetDirections() • WebGMaps.Directions result collection • WebGMaps.FillDirectionList()
  • 12. Demo
  • 13. GPX, GEOJson • Import and export GPX files WebGMaps.LoadGPSRoute(); WebGMaps.SavePathToGPSRoute(); • Import GEOJson files (http://geojson.org/) WebGMaps.LoadGeoJsonPolyLine(); WebGMaps.LoadGeoJsonPolygon();
  • 14. Demo
  • 15. Interesting links • TMS VCL WebGMaps http://www.tmssoftware.com/site/webgmaps.asp • TMS FMX WebGMaps http://www.tmssoftware.com/site/tmsfmxwebgmaps.asp • TMS IntraWeb WebGMaps http://www.tmssoftware.com/site/iwwebgmaps.asp • More videos https://www.youtube.com/user/tmssoftwareTV
  • 16. Q&A