6. More Web Mapping PLATFORMs &APIs

• JavaScript for Geospatial applications: An Overview

• Mapping APIs and Mashups | ProgrammableWeb (不含台灣MAP API）

• Top 10 Mapping APIs: Google Maps, Microsoft Bing Maps and MapQuest | ProgrammableWeb

• Web Map Examples

• maps mania

  • Maps Mania Maps of the Year 2021

• Favourite maps from 2020 | Cartography (Field)

• Favourite maps from 2019 | Cartography (Field)

• Maps We Love gallery | ESRI

• 认识现代WebGIS · GitBook 

Web Mapping Platforms 

Open-Source Web-GIS Development Roadmap - Geography Realm 

• Mapbox | Design and publish beautiful maps

  • Examples | Mapbox GL JS | Mapbox

  • Playground | Mapbox  URL API

• CartoDB

  • Odyssey.js (cartodb.github.io) 

    • Odyssey.js: learn to create interactive stories (carto.com) 

    • More map storytelling using Odyssey.js (carto.com) 

• Here Map by HERE

  • HERE platform 

  • HERE Map Data display custom data layers

  • HERE Map Creator edit data into HERE Maps

  • HERE developer

• OpenLayers Client only 

  • 在網頁上面畫個地圖 - 使用Openlayers 系列

Leaflet client only

• leaflet - a JavaScript library for interactive maps  （僅有clinet)

  • Leaflet (software) - Wikipedia

  • 其他地圖服務範例 - NtnuGeoWeb

  • Leaflet | 认识现代WebGIS 

  • 使用 Mapbox Map Tiles modern style  許多2020年之前的 leaftlet教學，加入 Mapbox 圖磚時，使用Mapbox classic style  api將無法顯示地圖，需改為 modern style方法呼叫。

    • Blank map tiles - Error 410 gone (Mapbox & Leaflet JS)

  • LeafletJS Tutorial - Tutorialspoint 

  • webmapping_for_developers (GitHub/NieneB) 

  • 使用Leaflet及Folium開啟網頁地圖大門 系列

  • Leaflet笔记(1)最简单的入门程序——显示地图 | 麻辣GIS

  • Copy, Edit, and Host a Simple Leaflet Map Template    <Hands-On Data Visualization> (Dougherty  and Ilyankou )

    • 相關 Leaflet Map 範例程式 

  • Chapter 6 Leaflet  <Introduction to Web Mapping> (Dorman)

  • Esri Leaflet 

    • Esri/esri-leaflet: A lightweight set of tools for working with ArcGIS services in Leaflet.

  • Leaflet components | FacilMap  FacilMap is a privacy-friendly, open-source versatile online map that combines different services based on OpenStreetMap The Leaflet components of FacilMap are classes that you can use to show FacilMap data on a Leaflet map.

  • Making online maps with Leaflet

  • Visualizing Data with Leaflet

  • Let's make some web maps using Leaflet.js 

  • Leaflet: Make a web map! 

  • Web Mapping with Python and Leaflet

  • Interactive maps on Leaflet — GeoPython

  • Learn Leaflet JS  <Eduonix> YouTube

  • Leaflet Tutorials <MapTiler> YouTube

  • Leaflet源码解析 - 吃个西瓜的专栏 - 掘金 

  • Leaflet源码解析- CSDN搜索 

  • WebGIS之Leaflet全面解析最新章节在线阅读-创世中文网官网 

範例

• • leaflet-truesize

  • Hands-On Data Visualization

  • ML X 友廷等公車  第 11 屆 iT 邦幫忙鐵人賽

  • Leaflet 地圖實作教學 從0到1快速建立疫情地圖 (林彥成)

  • Gogoro 神器 (陳柏宇)

leaflet 程式產生器

• • Web Mapping with QGIS2Web — QGIS Tutorials and Tips

  • leaflet-generator from excel (jlacko)

leaflet in R

• • Leaflet for R - Introduction

  • Package leaflet: Create Interactive Web Maps with the JavaScript 'Leaflet' Library

  • leaflet: Create Interactive Web Maps with the JavaScript 'Leaflet' Library <rdrr.io>

  • Leaflet介紹 (唐思琪)

  • Creating Interactive Spatial Maps in R Using Leaflet (Carson Farmer, Leah Wasser)

  • 使用leaflet 套件繪製互動式地圖網頁  (2018鐵人賽 Kimi0 )

  • R Leaflet 地圖套件 G. T. Wang

  • R Markdown and Leaflet (Nguyen)

  • tmap: thematic maps in R

  • Elegant and informative maps with tmap (Tennekes & Nowosad)

leaflet in python

• • Interactive GIS in Jupyter with ipyleaflet | by QuantStack | Jupyter Blog

  • ipyleaflet A Jupyter / Leaflet bridge enabling interactive maps in the Jupyter notebook

    • Docs » ipyleaflet: Interactive maps in the Jupyter notebook

    •  localtileserver serving tiles from large raster files in the Slippy Maps standard 

      • Local Tile Server for Geospatial Rasters

      • LocalTileServer Binder example

• FacilMap 

• Choosing OpenLayers or Leaflet? - Stack Exchange

TGOS 圖台

• • TGOS 圖台  TGOS MAP API 範例及說明網站

Tableau 

flourish.studio 

Web Visualization with Mapping Function

Flutter 

由Google開發的開放原始碼跨平台應用程式軟體開發套件 

• Flutter - Build apps for any screen 

• Flutter (software) - Wikipedia 

  • Flutter - 維基百科，自由的百科全書 (wikipedia.org) 

• Dart packages (pub.dev)  official package repository for Dart and Flutter apps

  • flutter_map | Flutter Package (pub.dev) Mapping package for Flutter, based off of 'leaflet.js'. 

D3.js

• • D3.js

  • 原來地圖視覺化這麼簡單 － D3.js 地圖實戰

  • Command-Line Cartography  teach you to make a thematic map from the command line using d3-geo, TopoJSON and ndjson-cli

  • Florian Ledermann's Tutorials on D3 Mapping 進階

• Tableau- Business Intelligence and Analytics 

  •  Tableau Public 作品

• PlotDB

  • PlotDB使用

Python  Package 

• • folium  Python Data, Leaflet.js Maps

    • Python Folium: Create Web Maps From Your Data – Real Python 

    • Interactive Webmap using Python. Using folium, geopandas and pandas to… | by Sourav Bhadra | Medium 

  • leafmap is a Python package for interactive mapping and geospatial analysis

    • leafmap using  local raster image with localtileserver

  • ipyleaflet  A Jupyter / Leaflet bridge enabling interactive maps in the Jupyter notebook.

    • Interactive GIS in Jupyter with ipyleaflet | by QuantStack | Jupyter Blog

  • GeoPandas

    •  Learn Geospatial Analysis Tutorials (kaggle.com) 

  • GitHub - andrea-cuttone/geoplotlib: python toolbox for visualizing geographical data and making maps 

  • heremaps Widget for Jupyter to display Here Map

  • kepler.gl for Jupyter

  • GitHub - rasterio/rasterio: Rasterio reads and writes geospatial raster datasets 

    • Rasterio: access to geospatial raster data — rasterio documentation 

    • sgillies’s gists · GitHub 

R Package 

• • Shiny:  combines the computational power of R with the interactivity of the modern web

  • Making an Interactive Web Application with R and Shiny | Programming Historian 

  • Leaflet for R  (rstudio.github.io) 

    • Leaflet for R - Using Leaflet with Shiny 

  • tmap: R package for thematic maps

  • renderTmap: Wrapper functions for using tmap in shiny in tmap: Thematic Maps

  • Spatial Analysis in R with Open Geodata (2018)

  • Using R on Jupyter Notebook - DZone Big Data

  • Examples of using Jupyter with R

  • tmap in view mode display blank in Jupyter, which leaflet R behave normal · Issue #288 · mtennekes/tmap

  • (neo)cartographic R PROGRAMS

綜合範例

• • 《你的地圖會說話？ WebGIS與JavaScript的情感交織》( PerryLiao) |第 12 屆 iThome 鐵人賽 

  • 地質騰雲網─地質雲端桌面 為地質資料開發，但是可以自行建立圖台及引用外部KML、WMS、WMTS、geojson等圖層資料。

3D 平台

• • WebGL ＜wikipedia＞  Web  3D繪圖

  • cesiumJS

    • cesium sandcastle 

    • [3D地圖－CesiumJS系列] (12th鐵人賽 PerryLiao)

  • Mapbox GL JS 

    • Mapbox GL JS Doc

    • Mapbox GL JS Examples

    • Mapbox GL JS ＆ Mapbox Direction API (2018鐵人賽 chiaroluna)

    • Human Terrain: Visualizing the World’s Population, in 3D 

      • 3D mapping global population density: How I built it

• MapLibre | MapLibre

  •  MapLibre GL JS  is a TypeScript library that uses WebGL to render interactive maps from vector tiles in a browser

  • 製作適用於網頁的台灣登山地圖 :: 2023 iThome 鐵人賽 

  • harp.gl 3d web map rendering engine by here

  • deck.gl  is a WebGL-powered framework for visual exploratory data analysis of large datasets, maps data (usually an array of JSON objects) into a stack of visual layer. Originally sponsored by Uber and now part of the Urban Computing Foundation.

  • Kepler.gl  built on top of Mapbox GL and deck.gl for  for visual exploration of large-scale geolocation data sets.

    • Introducing kepler.gl, Uber’s Open Source Geospatial Toolbox

  • Tree.js

    • Three.js <Wikipedia>

    • three-geo a three.js based geographic visualization library