Geo Interface
- class epyk.interfaces.geo.CompGeo.Geo(ui)
-
- property d3: D3
Interactive maps for data visualizations. Bundled into a single Javascript file.
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: