Geo Interface

class epyk.interfaces.geo.CompGeo.Geo(ui)
property chartJs: ChartJs

Property to the ChartJs Geo API.

Usage:

Related Pages:

property d3: D3

Interactive maps for data visualizations. Bundled into a single Javascript file.

Related Pages:

property google: GeoGoogle

Property to the Google charts API.

Usage:

Related Pages:

property jqv: JqueryVertorMap

Property to the Jquery vector Map API.

Usage:

Related Pages:

property leaflet: GeoLeaflet

Property to the Jquery vector Map API.

Usage:

Related Pages:

property mapbox: MapboxMaps

A JavaScript library that uses WebGL to render interactive maps from vector tiles and Mapbox styles.

Usage:

page.imports.pkgs.mapbox.set_access_token(
  "XXXXXX",
  "mapboxgl.accessToken"
)

l = page.ui.geo.mapbox.globe() # page.ui.geo.leaflet.europe()
l.load([
  l.js.addControl([l.js._.FullscreenControl()]),
  l.js.addControl([l.js._.GeolocateControl()]),
  l.js.addControl([l.js._.NavigationControl()]),
  l.js.addControl([l.js._.ScaleControl()]),
  l.js.addSource('portland', {'type': 'raster', 'url': 'mapbox://examples.32xkp0wd'}),
  l.js.addLayer({'id': 'portland', 'source': 'portland', 'type': 'raster'}),
  l.js.addSource('route', {'type': 'geojson', 'data': {'type': 'Feature', 'properties': {}, 'geometry': {
    'type': 'LineString', 'coordinates': [
      [-122.483696, 37.833818], [-122.483482, 37.833174], [-122.483396, 37.8327], [-122.483568, 37.832056]
      [-122.48404, 37.831141], [-122.48404, 37.830497], [-122.483482, 37.82992], [-122.483568, 37.829548],
      [-122.48507, 37.829446], [-122.4861, 37.828802], [-122.486958, 37.82931], [-122.487001, 37.830802],
      [-122.487516, 37.831683], [-122.488031, 37.832158], [-122.488889, 37.832971], [-122.489876, 37.832632],
      [-122.490434, 37.832937], [-122.49125, 37.832429], [-122.491636, 37.832564], [-122.492237, 37.833378],
      [-122.493782, 37.833683]]}}}),
  l.js.addLayer({'id': 'route', 'type': 'line', 'source': 'route', 'layout': {
    'line-join': 'round', 'line-cap': 'round'}, 'paint': {'line-color': '#888', 'line-width': 8}})
])
l.options.style = 'mapbox://styles/mapbox/streets-v11'

Related Pages:

property plotly: Plotly

Usage:

Related Pages:

  https://plotly.com/javascript/choropleth-maps/
property plotly_map: Plotly

Interface for the Plotly library.

Usage:

Related Pages: