industryterm:web map

#OpenStreetMap #vector #tiles : mixing and matching engines, schemas and styles
▻https://stevebennett.me/2017/08/23/openstreetmap-vector-tiles-mixing-and-matching-engines-schemas-and-styl

https://steveko.files.wordpress.com/2017/08/screenshot-2017-08-17-21-52-54.png?w=630

For my next web mapping project, we’ll use vector tiles. Great. And the data will come from OpenStreetMap. Excellent. Now you only have five more questions to answer.

For the front-end web application developer who wants to stick a #map in their site, vector tiles open up lots of options and flexibility, but also lots of choices.

– Display engine: which JavaScript library is going to actually draw stuff in the browser?
– Style: how will you tell the display engine what colour to draw each thing in the schema?
– Data schema: what kinds of data are contained in the tiles, what are the layers called, and what are the attributes available?
– Tile transport: how will the engine know where to get each tile from?
– File format: how is the data translated into bytes to store within a tile file?

Bon petit topo pour se remettre dans le bain :)

Doctorcrowd • purestform : Visual clutter remains a challenge...
▻http://doctorcrowd.tumblr.com/post/146446164832/purestform-visual-clutter-remains-a-challenge

http://65.media.tumblr.com/8e8306512b38f506ec4e6cdd85c7b52b/tumblr_o61fzuy3l21qzjoreo1_1280.jpg

Visual clutter remains a challenge in cartography, especially for web maps depicting voluminous, unfiltered collections of point type data. This issue is particularly prevalent in datasets generated in cities due to urban density. Professor Andrew Vande Moere and myself developed BinSq (abbreviated Bin2), a novel gridded dot density mapping technique to overcome this challenge. We demonstrate this technique on a large dataset of language referenced, geotagged tweets to reveal language communities in Brussels. The figure above compares our technique to the [a] standard dot map and six related solutions namely: [b] jittering, [c] refinement, [d] distortion with pixel map as well as [e] aggregation with categorical binning, [f] splatter plot and [g] dot density map. Our output is depicted in [h]. An implementation of BinSq in Java is avaliable on GitHub. Read our paper for a complete description of the technique.

▻https://github.com/alvincyh/BinSq
#cartographie #pointillisme #méthodologie #bins

geojson.xyz: A simple, open source website, CDN, and CLI utility for the fast access of #GeoJSON data for web mapping examples and experiments.

▻http://geojson.xyz

#natural_earth made easy

▻http://www.macwright.org/2015/12/13/geojson-xyz.html
▻https://www.youtube.com/watch?v=3iyGdlHDZLc

Using OpenStreetMap Data with Open-Source GIS | Markieta | Cartographic Perspectives

▻http://cartoperspectives.org/index.php/journal/article/view/cp71-markieta/138

INTRODUCTION

For many, free and open-source data and software represents accessibility to otherwise inaccessible geospatial workflows in terms of cost and availability. Commercial data used in geographic information systems (GIS) is available through a relatively small number of merchants or vendors, which produce highly accurate, precise, and detailed information. This is produced, however, at a cost that many small and large businesses, private consultants, and startups cannot afford. Open-source data, such as the volunteer geographic information on OpenStreetMap (OSM), represents a community effort to build one of the best web maps, and subsequently the best GIS database, available for free to the public. OpenStreetMap is a web-based map to which any registered user can submit data. These updates, over time, populate the now extensive web map that is the OpenStreetMap. At the same time, the data that lives on the OpenStreetMap can be downloaded and used inside of a GIS for geospatial analysis, cartographic rendering, and other geo-related tasks.

There are various workflows for extracting and consuming the data that is made available by the OpenStreetMap project. One of these methods is outlined in this tutorial. This tutorial will take Mac OSX users through a typical setup of a local PostgreSQL database, downloading and parsing raw OpenStreetMap data, and querying the database to extract data for use in QGIS, an open-source GIS package. Upon completing this tutorial, users will have hit the ground running, with the ability to run spatial queries—such as locating all the coffee shops within 500 metres of a subway station—or building cartographically pleasing reference map books with data that is of interest to the map reader.
THIS TUTORIAL WILL COVER THE FOLLOWING:

Access and browse an OSM data repositories
Download a subset (often called an “extract”) of the planet.osm data package
Install PostgreSQL (object-relational database system)
Install PostGIS for use with PostgreSQL (spatial database extension for PostgreSQL)
Install and utilize osm2pgsql (converts OSM data for use in the PostgreSQL database)
Install QGIS and its dependencies (GIS package)
Query and add data in QGIS from PostGIS/PostgreSQL

#qgis #gis #osm #logiciels_libres #cartographie

CitiesMap - global cities with populations over 1000

▻http://worldmap.harvard.edu/maps/Cities

Impressionnant

The Harvard WorldMap Project

WorldMap is an open source web mapping system that is currently under construction. It is built to assist academic research and teaching as well as the general public and supports discovery, investigation, analysis, visualization, communication and archiving of multi-disciplinary, multi-source and multi-format data, organized spatially and temporally.

The first instance of WorldMap, focused on the continent of Africa, is called AfricaMap. Since its beta release in November of 2008, the framework has been implemented in several geographic locations with different research foci, including metro Boston, East Asia, Vermont, Harvard Forest and the city of Paris. These web mapping applications are used in courses as well as by individual researchers.
Introduction to the WorldMap Project

WorldMap solves the problem of discovering where things happen. It draws together an array of public maps and scholarly data to create a common source where users can:

Interact with the best available public data for a city/region/continent
See the whole of that area yet also zoom in to particular places
Accumulate both contemporary and historical data supplied by researchers and make it permanently accessible online
Work collaboratively across disciplines and organizations with spatial information in an online environment

The WorldMap project aims to accomplish these goals in stages, with public and private support. It draws on the basic insight of geographic information systems that spatiotemporal data becomes more meaningful as more “layers” are added, and makes use of tiling and indexing approaches to facilitate rapid search and visualization of large volumes of disparate data.

WorldMap aims to augment existing initiatives for globally sharing spatial data and technology such as GSDI (Global Spatial Data Infrastructure).WorldMap makes use of OGC (Open Geospatial Consortium) compliant web services such as WMS (Web Map Service), emerging open standards such as WMS-C (cached WMS), and standards-based metadata formats, to enable WorldMap data layers to be inserted into existing data infrastructures.

All WorldMap source code will be made available as Open Source for others to use and improve upon.

#villes #agglomérations #urban_matter #cartographie_dynamique #démographie #population

#arctic Web #map
▻http://webmap.arcticconnect.org

Arctic Web Map (AWM) is an Arctic-specific web mapping tool allowing researchers to customize map projections for scientifically accurate visualization and analysis, a function that is critical for arctic research but missing in existing web mapping platforms. It provides a visually appealing tool for education and outreach to a wider audience. Arctic Web Map has two components: An Arctic-focused tile server, and a #leaflet-based client library. By providing tiles in multiple Arctic projections, data can be more accurately visualized compared to most Mercator projected map tiles.

#plugin

D3 web maps for static cartography production | Axis Maps Blog
▻http://www.axismaps.com/blog/2015/09/d3-web-maps-for-static-cartography-production

http://www.axismaps.com/blog/wp-content/uploads/2015/09/d3-static-map.jpg

Here’s a shot of the tool. It looks rough, certainly, but it does its job: quickly get a country map as close as possible to final form, ready to be dropped into our Illustrator and InDesign templates.

#cartographie #D3 #atlas

Interactive and Multivariate Choropleth Maps with D3 | Sack | Cartographic Perspectives

▻http://www.cartographicperspectives.org/index.php/journal/article/view/cp78-sack-et-al/1359

Interactive and Multivariate Choropleth Maps with D3

Carl M. Sack, University of Wisconsin–Madison | cmsack@wisc.edu

Richard G. Donohue, University of Kentucky | rgdonohue@uky.edu

Robert E. Roth, University of Wisconsin–Madison | reroth@wisc.edu
ASSUMED SKILLS AND LEARNING OUTCOMES

The following tutorial describes how to make an interactive choropleth map using the D3 (Data-Driven Documents) web mapping library (d3js.org). This tutorial is based on a laboratory assignment created in the fall of 2014 for an advanced class titled Interactive Cartography and Geovisualization at the University of Wisconsin–Madison. This is the second of two On the Horizon tutorials on web mapping and extends a previous tutorial that used the Leaflet JavaScript library (see Donohue et al. 2013; dx.doi.org/10.14714/CP76.1248). Fully commented source code for both tutorials is available on GitHub (github.com/uwcart/cartographic-perspectives). All code is distributed under a Creative Commons 3.0 license and available for unconditional use, with the exception of the files in the lib directory, for which certain license conditions are required as described in the file LICENSE.txt.

This tutorial assumes literacy in JavaScript, HTML, and CSS programming for the web. In particular, you should be comfortable with the manipulation of JavaScript arrays and objects. Free tutorials and reference documentation for these languages are available at www.w3schools.com. Additionally, D3 makes heavy use of jQuery-style DOM element selection and dot syntax (jquery.com). It is further assumed that you are familiar with in-browser development tools such as those provided by Google Chrome (developers.google.com/chrome-developer-tools), Mozilla Firefox (developer.mozilla.org/en-US/docs/Tools), and Firebug (getfirebug.com). An important limitation of D3 is its incompatibility with Microsoft’s Internet Explorer browser prior to version 9; use of Internet Explorer below version 10 is not recommended. Finally, the tutorial assumes you have set up a development server running either remotely or as a localhost. MAMP for Mac (www.mamp.info/en) and WAMP for Windows (www.wampserver.com/en) are useful for this.

#cartographie #D3 #séliologie #choroplètes

The #leaflet package for online mapping in #R
▻http://robinlovelace.net/r/2015/02/01/leaflet-r-package.html

It has been possible for some years to launch a web map from within R. A number of packages for doing this are available, including:

RgoogleMaps, an interface to the Google Maps api
leafletR, an early package for creating Leaflet maps with R
rCharts, which can be used as a basis for webmaps

In this tutorial we use the new RStudio-supported leaflet R package.

▻http://rstudio.github.io/leaflet via @phnk

Turf: GIS for web maps | Mapbox
▻https://www.mapbox.com/blog/turf-gis-for-web-maps

#Turf is #GIS for web maps. It’s a fast, compact, and open-source JavaScript library that implements the most common geospatial operations: buffering, contouring, triangular irregular networks (TINs), and more. Turf speaks GeoJSON natively, easily connects to #Leaflet, and is now available as a #Mapbox.js plugin

https://farm9.staticflickr.com/8625/15895133840_aba1e618e3.jpg

In Defense of Bad Maps - Axis Maps Blog
▻http://www.axismaps.com/blog/2013/11/in-defense-of-bad-maps

let’s rethink what web cartography is. We cartographers are in a print mindset, no matter how much we think we are web mappers. The rules of web cartography are a mashing together of a bunch of different things: the principles of print cartography, web design, computer science, statistics and “data science,” and whatever else. Crucially, it’s all founded on cartography rules that were developed for static maps. We don’t need to start over, but let’s at least have a thought exercise: what would web cartography look like if we didn’t base its rules and principles on print cartography?

les slides :
▻https://speakerdeck.com/axismaps/in-defense-of-bad-maps

https://speakerd.s3.amazonaws.com/presentations/a55991f01c9501310b7f0a6342f75bad/slide_26.jpg

A World of Projection Distortions | Azavea Atlas
▻http://www.azavea.com/blogs/atlas/2013/10/a-world-of-projection-distortions

I think about #projections a little more than most people. When pondering the effects of projection distortion in web mapping, I came upon this question: What would it look like if the same geographic features were projected to different coordinate systems, and then overlaid on each other using the same center and scale?

http://auto2.cdn.azavea.com/blogs/atlas/wp-content/uploads/2013/10/475x265xafrica-475x265.png.pagespeed.ic.Z1Ng950ZL3.png

 (...)

#map

thematic mapping par Bjørn Sandvik

▻http://thematicmapping.org/about

This website is owned and operated by Bjørn Sandvik. I’m offering freelance consultancy in web mapping and geographic information systems (GIS).

I’m also interested in career opportunities in the Oslo area, especially related to web mapping and visualisation. I’m currently working for the Norwegian Broadcasting Corporation (NRK).

Consulter aussi le très beau site
▻http://www.earthatlas.info

bjorn@thematicmapping.org

#cartographie #visualisation #représentation #gis #cartographie-thématique

mapmatters.org
▻http://www.mapmatters.org

You will find an extensive catalogue of OGC web map services (WMS) here. For all services and WMS layers we offer an optional monitoring that allows to judge not only the contents but also the quality of the service with respect to availability and performance.

#map #layer #wms

web mapping - Openlayers Animation Examples and Algorithms - GIS
►http://gis.stackexchange.com/questions/26546/openlayers-animation-examples-and-algorithms

The basic javascript code for adding features on map with time delay..

Voir aussi : Settimeout with closure in for loop ►http://snipplr.com/view/39681

Ce qui permet de s’amuser à animer une couche #geojson sur une carte avec #leaflet : ►http://tiles.kupaia.fr/article10.html

#map #animation #javascript #settimeout

Scale-adaptive Web Maps

▻http://cartography.oregonstate.edu/demos/AdaptiveCompositeMapProjections

“The goal of this research is to develop web maps that take advantage of the latest web techniques, such as HTML5 Canvas and WebGL, which allow for very fast geometric manipulation and rendering of vector data on the web client. This allows us to adjust the projection of the web map to the current scale and the area displayed.”

Uun projet qui déboîte bien, la démo en vidéo sur vimeo :

▻http://vimeo.com/47482303

#map #projections #html5 #canvas #webgl