Web Mapping 101: Creating Dynamic Web Maps with Geospatial Data

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Web Mapping 101:
Creating Dynamic Web
Maps with Geospatial Data

Sanae
Mendoza
Customer Solutions
Specialist
Dylan
Paterson
Technical Support
Specialist,
FME Flow
Donal
Mateer
Technical S...

Welcome to Livestorm.
A few ways to engage with us during the webinar:
Audio issues? Click this for 4 simple
troubleshooti...

How to download slides
1. Hover over the
slide deck in the
webinar room
2. Click this button

Peak of Data Integration
Seattle, WA | May 6–8, 2025
● Register at the best price!
○ Early Bird Pricing live til Feb 7, 20...

Poll:
Have you ever created a
web map before?

Agenda
1 Overview: Web Mapping & How It Works
2 Getting Data into ArcGIS Online and a simple HTML
3 Working with Vector Ti...

1
Introduction

Web Mapping Overview
● Web mapping is the process of
using the internet to visualize,
analyze, and share your
geospatial d...

Web maps provide a widely
accessible way to visualize
and share valuable data.

Web Mapping
● Web maps often contain a basemap and layer(s) on top of it
● Typically, web maps are interactive and they al...

Types Web Mapping
1. No-Code Web Mapping Applications
a. Easy to get started- just import your data
b. Hosted for you
c. A...

Popular web mapping
applications
● ArcGIS Online
● CARTO
● Mapbox
Some BI tools have spatial compatibility as
well:
● Tabl...

Popular Web Mapping APIs
● Google Maps API
● MapBox
● ArcGIS API
● D3
● Bing Maps
● Open Street Maps
More examples on http...

Tools for Creating Features
● GeoJSON
● TopoJSON
● OGC WMS/WFS
● OGC/Google KML
● Esri Geodatabase
● ArcGIS Online / Porta...

Tools for Creating Web Pages
Readers, writers and connecters for many types of databases:
● HTMLReportGenerator
● HTMLLayo...

But how can I get my
geographic data into a
web map?
… well FME can do that!

2
Getting Data into
ArcGIS Online and a
simple HTML

Posting data to ArcGIS Online
● FME has an ArcGIS Online Reader and Writer
● Data from many sources can be modiﬁed and pus...

Once data is in ArcGIS Online
● Data can be visualized and analyzed
in ArcGIS Online
● Maps can be embedded in an
existing...

Creating HTML pages in FME
● FME also has the HTML Report
Generator which can create basic
HTML pages
● The HTML Report Ge...

Goal Block Key Result
I have JSON
data that is
updated
regularly and I
need to post it to
ArcGIS Online
Translating Data t...

Demo

3
Custom
Vector
Tilesets

Vector Tilesets
A collection of points, lines or polygons for a
speciﬁc area organized into zoom levels.
● Vector tilesets...

Slide Title
Create custom
vector tiles so that
large, dynamic
datasets can be
displayed in my
web maps
Goal Block Key
Cust...

Demo

Tiling Beyond Vectors
Raster Support
● Raster Tiler
● WebMap Tiler
● OGC WMTS
● OGC GeoPackage Tiles
Generic
● Tiler
And m...

4
3D Web Mapping

3D Data Visualization
3D Web Mapping
3D Libraries in FME
● Cesium
○ Cesium 3D Tiles Writer
○ Cesium 3D Point Cloud Reader/...

Converting 2D to 3D with FME
3D Web Mapping
1. Start with 2D data
2. Combine footprints with elevation data
3. Get buildin...

Slide Title
Create a 3D web
map that can be
easily shared
with others.
Goal Block Key
Peeling Back the Layers of Cesium 3D...

Demo

Tips and Tricks for Writing 3D
Data for Web Maps
● Simplify data: MeshSimpliﬁer, Dissolver,
Tiler
● Data Quality: Validate...

Poll:
What type of data are you
most interested in visualizing
with web maps?

5
Web Sockets

Websockets with FME
A WebSocket is a protocol for
real-time, two-way communication
between a client and server over a
sing...

Websocket Streaming
The WebSocketConnector transformer allows an FME workspace to send and/or receive WebSocket
messages. ...

Slide Title
I have a real-time
data stream to
visualize in a
downstream
application.
Goal Block Key
Web Sockets
Result
The...

Demo

8
Conclusion

Summary Points
● Web mapping can be easy!
You just need a few tools to
get started
● With FME, you can choose
how much or ...

Provide critical
information in a
visual, easy to
understand way
to anyone,
anywhere,
and at
any time.

29+
27K+
128
190
20K+
years of solving data
challenges
FME Community
members
countries with
FME customers
organizations wo...

Number
of
supported
data
types
in
FME
1995 2000 2005 2010 2015 2020 2023…
10
100
300
500
GIS
CAD
Database
XML
Raster
3D
BI...

9
Resources

Resources
● How to Customize HTML Reports
● Web Mapping with Mapbox GL JS
● Spatial Dashboard Using WebSockets
● Writing C...

Get our Ebook
Spatial Data for the
Enterprise
fme.ly/gzc
Guided learning
experiences at your
ﬁngertips
academy.safe.com
FM...

10
Next Steps

We’d love to help you get
started.
Get in touch with us at
info@safe.com
Experience the
FME Accelerator
Contact Us
A world...

ClaimYour Community Badge &
Dive into the new Community!
● Get community badges for watching
webinars
● community.safe.com...

Peak of Data Integration
Seattle, WA | May 6–8, 2025
● Register at the best price!
○ Early Bird Pricing live til Feb 7, 20...

11
Q&A

ThankYou
Recap of Next Steps
1 Follow us on LinkedIn!
2 Contact us
3 Experience the FME Accelerator
Please ﬁll out our
web...

Share Slideshare

LinkedIn
Facebook
Twitter

Embed

Size (px)

Show related Slideshows at end

WordPress Shortcode

Link

Share
Email

2024 Trend Updates: What Really Wor... by Search Engine Jou... 1035460 views
Storytelling For The Web: Integrate... by Chiara Aliotta 947335 views
Artificial Intelligence, Data and C... by OECD Directorate ... 869118 views
How to Leverage AI to Boost Employe... by SocialHRCamp 364901 views
2024 State of Marketing Report – by... by Marius Sescu 207323 views
Everything You Need To Know About C... by Expeed Software 227648 views

View on Slideshare

1 of 54 Ad

View on Slideshare

1 of 54 Ad