<?xml version='1.0' encoding='utf-8'?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:ns0="http://www.w3.org/2005/Atom" xmlns:ns1="http://purl.org/rss/1.0/modules/syndication/" xmlns:ns2="com-wordpress:feed-additions:1" xmlns:ns4="http://purl.org/rss/1.0/modules/content/" version="2.0">

<channel>
	<title>cartography Archives - geojournalism.org</title>
	<ns0:link href="https://geojournalism.org/tag/cartography/feed/" rel="self" type="application/rss+xml" />
	<link />
	<description>Best tools for multimedia reporting</description>
	<lastBuildDate>Mon, 22 Aug 2016 14:58:43 +0000</lastBuildDate>
	<language>en-US</language>
	<ns1:updatePeriod>
	hourly	</ns1:updatePeriod>
	<ns1:updateFrequency>
	1	</ns1:updateFrequency>
	

<image>
	<url>https://s0.wp.com/i/webclip.png</url>
	<title>cartography Archives - geojournalism.org</title>
	<link />
	<width>32</width>
	<height>32</height>
</image> 
<ns2:site>239681374</ns2:site>	<item>
		<title>How to make an animated  forest fire map using Google My Maps and Carto</title>
		<link>https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/</link>
		
		<dc:creator>Gustavo Faleiros</dc:creator>
		<pubDate>Fri, 19 Aug 2016 20:55:52 +0000</pubDate>
				<category>Maps</category>
		<category>Visualization</category>
		<category>Carto</category>
		<category>cartography</category>
		<guid isPermaLink="false">https://geojournalism.org/?p=1520</guid>

					<description>&lt;p&gt;Introduction Agricultural &amp;#160;burning and forest fire are some of the planet&amp;#8217;s most serious environmental problems and, unfortunately, a very common occurrence in many countries. In the forests of the Amazon, the Congo Basin and Southeast Asia, fire can mean the advance of deforestation and most part of the fires are caused by humans in order [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/"&gt;How to make an animated  forest fire map using Google My Maps and Carto&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;h1 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;Agricultural  burning and forest fire are some of the planet’s most serious environmental problems and, unfortunately, a very common occurrence in many countries. In the forests of the Amazon, the Congo Basin and Southeast Asia, fire can mean the advance of deforestation and most part of the fires are caused by humans in order to “clear the ground” for agricultural production or new pastures.&lt;/p&gt;
&lt;p&gt;In this tutorial, we will demonstrate how you can create your own map of fire hotspots and update it in real time. This is made possible through the availability of data from satellites orbiting the Earth. These datasets are updated daily by NASA – the US space agency – and can be viewed with the help of two digital map-making tools – Google My Maps and Carto.&lt;/p&gt;
&lt;h1 class="summary-item" id="finding-firedata"&gt;&lt;a href="#finding-firedata"&gt;Finding FireData&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;The site &lt;a href="https://earthdata.nasa.gov/" target="_blank"&gt;Earth Data&lt;/a&gt; from NASA is one of the most complete repositories of  freely available satellite data. Through the NASA &lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms%20%20%C2%A0" target="_blank"&gt;FIRMS project (Fire Information Resource Management System)&lt;/a&gt; you can access real-time data in multiple file formats and also order time series to download. In this tutorial, we’ll work with the &lt;a href="https://geojournalism.org/tracks/csv/" target="_blank"&gt;CSV format&lt;/a&gt;, the table separated by commas.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank"&gt;&lt;img alt="Active Fire Data site" class="aligncenter wp-image-1523" decoding="async" fetchpriority="high" height="326" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-1024x521.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-1024x521.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-300x153.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site.jpg 1898w" width="640"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;em&gt;This is the page of Active Fire Data on NASA’s Earth Data website&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;The first step after accessing the FIRMS page is to continue to &lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank"&gt;Active Fire Data repository&lt;/a&gt;. There are two databases that can be used. One of them, the &lt;a href="https://modis.gsfc.nasa.gov/" target="_blank"&gt;MODIS sensor&lt;/a&gt;, although lower resolution (1 km), has the longest historical series because the sensor has been operating for years in the Terra and Aqua satellites. More recently, the  higher resolution (375 m) &lt;a href="https://jointmission.gsfc.nasa.gov/viirs.html" target="_blank"&gt;VIIRS sensor&lt;/a&gt;, has been generating large amounts of fire data. For this example, we will use the text file (CSV) of the MODIS sensor for the last 24 hours in Central Africa.&lt;/p&gt;
&lt;p&gt;&lt;img alt="Active Fire Data selection" class="aligncenter wp-image-1522" decoding="async" height="352" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-1024x563.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-1024x563.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-300x165.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection.jpg 1544w" width="640"/&gt;&lt;/p&gt;
&lt;p&gt;Once selected, the file can be saved as a CSV or its link may be used to update spreadsheets in real time. The dataset that contains the fires´information can be stored in a CSV file or can be stored directly on the Google spreadsheet that allows the constant update every time it is opened.To import a link just create a new spreadsheet and enter the following formula in any cell&lt;/p&gt;
&lt;p&gt;&lt;span style="line-height: 1.5;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;=ImportaData(“URL”)&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="line-height: 1.5;"&gt;
			&lt;/span&gt;&lt;/p&gt;&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			 
		&lt;li&gt;&lt;a href="#"&gt;
			Insert Formula
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Table’s final format
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				 
		&lt;div class="et_slidecontent"&gt;
			&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="Formula Import 2" class="aligncenter wp-image-1534" decoding="async" height="548" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-1024x877.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-1024x877.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-300x257.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2.jpg 1153w" width="640"/&gt;
		&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;img alt="full spreadsheet" class="aligncenter wp-image-1537" decoding="async" height="440" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-1024x704.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-1024x704.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-300x206.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet.jpg 1454w" width="640"/&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container &lt;p&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="opening-the-dataset-in-each-mapping-software"&gt;&lt;a href="#opening-the-dataset-in-each-mapping-software"&gt;Opening the dataset in each mapping software&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;Now just open the CSV file directly in the visualization software.&lt;/p&gt;
&lt;p&gt;Let’s start with Google My Maps&lt;/p&gt;
&lt;p&gt;1. Choose to create a new Google My Maps on Google Drive menu&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg"&gt;&lt;img alt="selecting mymaps" class="aligncenter wp-image-1544" decoding="async" height="469" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg 990w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps-300x220.jpg 300w" width="640"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2. Click Add New Layer ‘and’ Import ‘&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps.jpg"&gt;&lt;img alt="Import my maps" class="aligncenter wp-image-1538" decoding="async" height="480" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-1024x768.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-1024x768.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-300x225.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps.jpg 1302w" width="640"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;3. Use the option to attach a Google spreadsheet to your map. Alternatively, you can upload the CSV spreadsheet directly.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps.jpg"&gt;&lt;img alt="selecting spreadsheet my maps" class="aligncenter wp-image-1545" decoding="async" height="330" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-1024x528.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-1024x528.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-300x155.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps.jpg 1909w" width="640"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="et-box et-warning"&gt;
					&lt;div class="et-box-content"&gt;Google Spreadsheets with more than a 1000 points will not load on Google My Maps&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Now do the same in Carto.com&lt;/p&gt;
&lt;p&gt;1. Connect to the Carto (a free account 250MB meets our exercise).&lt;br/&gt;
&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login.jpg"&gt;&lt;img alt="CartoDB Login" class="aligncenter wp-image-1524" decoding="async" height="307" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-1024x491.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-1024x491.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-300x144.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login.jpg 1915w" width="640"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2. Select the option ‘Connect Dataset’ and load the CSV file.&lt;br/&gt;
&lt;img alt="dataset page cartodb" class="aligncenter wp-image-1528" decoding="async" height="349" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-1024x559.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-1024x559.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-300x164.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb.jpg 1714w" width="640"/&gt;&lt;/p&gt;
&lt;p&gt;3. Another way to load data is to use the link CSV (in a paid account, you have the option of synchronizing the dataset.)&lt;br/&gt;
&lt;img alt="full spreadsheet carto db" class="aligncenter wp-image-1536" decoding="async" height="316" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-1024x505.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-1024x505.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-300x148.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db.jpg 1888w" width="640"/&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="stylizing-the-maps-on-google-my-maps-and-carto-com"&gt;&lt;a href="#stylizing-the-maps-on-google-my-maps-and-carto-com"&gt;Stylizing the maps on Google My Maps and Carto.com&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;In both programs you can change the style and color of the icons. It can also draw simple graphical analysis, as categorization or animation data by time.&lt;/p&gt;
&lt;p&gt;In Google My Maps do the following tests&lt;/p&gt;
&lt;p&gt;1. Change the icon, both its shape and color or load your own icon by clicking on layer and choosing More Icons&amp;gt;Custom Icon&lt;br/&gt;
&lt;img alt="Final my maps" class="aligncenter wp-image-1532" decoding="async" height="319" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-1024x510.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-1024x510.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-300x149.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps.jpg 1910w" width="640"/&gt;&lt;/p&gt;
&lt;p&gt;2. Sort the data tying colors to any of the parameters&lt;br/&gt;
&lt;a href="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png"&gt;&lt;img alt="" class="aligncenter wp-image-1654 size-full" decoding="async" height="339" loading="lazy" sizes="auto, (max-width: 587px) 100vw, 587px" src="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png" srcset="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png 587w, https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps-300x173.png 300w" width="587"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;In the case of Carto you can do more elaborate analysis. Make the following tests&lt;/p&gt;
&lt;p&gt;1. Divide into categories as done also in Google My Maps&lt;/p&gt;
&lt;p&gt;&lt;img alt="final + customize cartodb" class="aligncenter wp-image-1531" decoding="async" height="313" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-1024x501.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-1024x501.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-300x147.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb.jpg 1910w" width="640"/&gt;&lt;/p&gt;
&lt;p&gt;2. Make a map of animated points per time like this one done for South America. For this you need to &lt;a href="https://carto.com/docs/tutorials/heatmap/" target="_blank"&gt;activate the Torque tool&lt;br/&gt;
&lt;/a&gt;&lt;br/&gt;
&lt;iframe allowfullscreen="allowfullscreen" frameborder="0" height="520" loading="lazy" src="https://gufalei.carto.com/viz/dd6eac5c-581a-11e6-8e06-0e05a8b3e3d7/embed_map" width="100%"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="share-and-use-maps-in-their-reports"&gt;&lt;a href="#share-and-use-maps-in-their-reports"&gt;Share and use maps in their reports&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;Now, just share publish and share the map.&lt;/p&gt;
&lt;p&gt;1. Both in Google My Maps with the Carto you have the option of sharing the link or the embed HTML Code.&lt;/p&gt;
&lt;p&gt;&lt;img alt="embed my maps" class="aligncenter wp-image-1530" decoding="async" height="572" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps.jpg 1001w, https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps-300x268.jpg 300w" width="640"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="embed cartodb" class="aligncenter wp-image-1529" decoding="async" height="447" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-1024x715.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-1024x715.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-300x210.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb.jpg 1271w" width="640"/&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAlOAAAAJGJmNmMxZTFiLWY5ODUtNGFlNy05MTE0LTZjNDk3ZWJmNWRkMA.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Gustavo Faleiros&lt;/strong&gt; is an environmental journalist and media trainer who specializes in data-driven journalism. In 2012, he launched &lt;a href="https://infoamazonia.org/" target="_blank"&gt;InfoAmazonia&lt;/a&gt;, a digital map that uses satellite and other publicly available data to monitor the Amazon rainforest.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/"&gt;How to make an animated  forest fire map using Google My Maps and Carto&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>1520</ns2:post-id>	</item>
		<item>
		<title>Making Maps with JEO</title>
		<link>https://geojournalism.org/2015/02/making-maps-with-jeo/</link>
		
		<dc:creator>Willie Shubert</dc:creator>
		<pubDate>Wed, 04 Feb 2015 17:55:42 +0000</pubDate>
				<category>Apps</category>
		<category>Design</category>
		<category>Maps</category>
		<category>cartography</category>
		<category>environmental data</category>
		<guid isPermaLink="false">https://geojournalism.org/?p=1335</guid>

					<description>&lt;p&gt;The basic component of a map is its layers&amp;#8212;an individually designed dataset&amp;#8212;that are combined together to tell a story. In JEO 1.o and beyond, maps&amp;#160;are built&amp;#160;utilizing a&amp;#160;layers content type which allows editors to more easily reuse the data they mapped. &amp;#160;These layers are organized and configured in combination with a base map that usually consists [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2015/02/making-maps-with-jeo/"&gt;Making Maps with JEO&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;The basic component of a map is its layers—an individually designed dataset—that are combined together to tell a story. In JEO 1.o and beyond, maps are built utilizing a layers content type which allows editors to more easily reuse the data they mapped.  These layers are organized and configured in combination with a base map that usually consists of place names, roads, and major natural features.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_1337" style="width: 570px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Ekuatorial_Marine_Traffic.png"&gt;&lt;img alt="Map of marine traffic in the  Java Sea  published by geojournalism project Ekuatorial" aria-describedby="caption-attachment-1337" class="wp-image-1337" decoding="async" height="376" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2015/02/Ekuatorial_Marine_Traffic.png" width="560"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-1337"&gt;Map of marine traffic in the Java Sea published by geojournalism project Ekuatorial. The basemap focuses on the readers attention on the ocean areas of the map and is used to contexualize data layers showing shipping lanes and marine protected areas.&lt;/p&gt;&lt;/div&gt;
&lt;h1 class="summary-item" id="add-a-new-layer"&gt;&lt;a href="#add-a-new-layer"&gt; Add a New Layer&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;JEO’s maps are created by stacking one or more custom thematic layers on top of a basemap. A thematic layer is made from a dataset that illustrates and provides context to the map. Layers are displayed as tiles that are hosted on external servers and connected with the JEO template through APIs and URLs.&lt;/p&gt;
&lt;p&gt;To add more layers, you can use the “Add MapBox layer” and “Add CartoDB layer” buttons if you want to use layers from these servers. Otherwise, use “Add tile layer.” Inside the box that is created after adding a layer you’ll see three fields that need to be filled out:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Title, which is the name of your layer. It will always be used when you need to refer to this layer (in a menu, for example).&lt;/li&gt;
&lt;li&gt;ID or URL. This is where you should put the URL of the layer, or, in the case of a MapBox layer, your ID.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt; &lt;/p&gt;

			&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			&lt;li&gt;&lt;a href="#"&gt;
			Add a Tile Layer
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Add a MapBox Layer
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Add a CartoDB Layer
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Add a Layer Legend
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				&lt;div class="et_slidecontent"&gt;
			&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.56-PM.png"&gt;&lt;img alt="Screen Shot 2016-03-16 at 3.17.56 PM" class="alignnone size-medium wp-image-1569" decoding="async" height="276" loading="lazy" sizes="auto, (max-width: 300px) 100vw, 300px" src="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.56-PM-300x276.png" srcset="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.56-PM-300x276.png 300w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.56-PM-1024x943.png 1024w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.56-PM.png 1440w" width="300"/&gt;&lt;/a&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;img alt="Screen Shot 2016-03-16 at 3.18.02 PM" class="alignnone size-medium wp-image-1570" decoding="async" height="95" loading="lazy" sizes="auto, (max-width: 300px) 100vw, 300px" src="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.02-PM-300x95.png" srcset="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.02-PM-300x95.png 300w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.02-PM-1024x325.png 1024w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.02-PM.png 1424w" width="300"/&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.08-PM.png"&gt;&lt;img alt="Screen Shot 2016-03-16 at 3.18.08 PM" class="alignnone size-medium wp-image-1571" decoding="async" height="137" loading="lazy" sizes="auto, (max-width: 300px) 100vw, 300px" src="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.08-PM-300x137.png" srcset="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.08-PM-300x137.png 300w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.08-PM-1024x467.png 1024w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.08-PM.png 1418w" width="300"/&gt;&lt;/a&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.31-PM.png"&gt;&lt;img alt="Screen Shot 2016-03-16 at 3.18.31 PM" class="alignnone size-medium wp-image-1572" decoding="async" height="300" loading="lazy" sizes="auto, (max-width: 261px) 100vw, 261px" src="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.31-PM-261x300.png" srcset="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.31-PM-261x300.png 261w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.18.31-PM.png 552w" width="261"/&gt;&lt;/a&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container 
&lt;p&gt;Each layer contains a field for adding the legend to describes the dataset and show how it is symbolized. The legend needs to be written in HTML and is flexible to accept a number of custom styles. Please see this the InfoAmazonia, Ekuatorial, or Third Pole github repository for some example of how these are written.&lt;/p&gt;
&lt;h1 class="summary-item" id="add-a-new-map"&gt;&lt;a href="#add-a-new-map"&gt;Add a New Map&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;JEO’s maps are created by stacking one or more custom thematic layers on top of a base map. The Maps Content Type is there location where layers are named and organized into Maps. This is done by configuring the “Maps Setup” section of the form. The basic component of a map is its layers—an individually designed dataset—that are combined together to tell a story. These layers are organized and configured in combination with a base map that usually consists of place names, roads, and major natural features.&lt;/p&gt;
&lt;h1 class="summary-item" id="choose-a-base-layer"&gt;&lt;a href="#choose-a-base-layer"&gt;Choose a Base Layer&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;The base layer is the layer is bottom most layer in your map; providing a visual foundation for all of the data added on top. There are a variety of already created base maps you can choose from, including:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;OpenStreetMap,&lt;/li&gt;
&lt;li&gt;Mapquest,&lt;/li&gt;
&lt;li&gt;Mapquest Satellite,&lt;/li&gt;
&lt;li&gt;Stamen Toner,&lt;/li&gt;
&lt;li&gt;Stamen Watercolour,&lt;/li&gt;
&lt;li&gt;Stamen Terrain,&lt;/li&gt;
&lt;li&gt;Other (used for when you have your own tilelayer URL)&lt;/li&gt;
&lt;li&gt;None (in case you want to use a base from an already existing layer in your website).&lt;/li&gt;
&lt;/ul&gt;
&lt;h1 class="summary-item" id="add-and-organize-thematic-layers"&gt;&lt;a href="#add-and-organize-thematic-layers"&gt;Add and Organize Thematic Layers&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;The design of the map is closely related to its order of information. One of the most important concepts in cartography is called visual hierarchy. The idea is focused on making the most important information the most visually prominent in the design. Once you’ve identified the most important information you put it on the top and add supporting data underneath.&lt;/p&gt;
&lt;p&gt;For example a deforestation map will be ordered like this: forest loss, forest concessions, protected areas, forest height. Layers are displayed according to their visual hierarchy. The higher the layer in the list, the higher its visual priority in the stack of layers that have been added to the map&lt;/p&gt;
&lt;p&gt;Within the Map CT, there is a searchable interface for finding and selecting the layers you want to add to your map. These layers were named during the first step of this tutorial. When you select multiple layers, their display order is from top to bottom.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM.png"&gt;&lt;img alt="Map CT Layer Selector" class="size-medium wp-image-1573 aligncenter" decoding="async" height="300" loading="lazy" sizes="auto, (max-width: 300px) 100vw, 300px" src="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM-300x300.png" srcset="https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM-300x300.png 300w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM-150x150.png 150w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM-1021x1024.png 1021w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM-260x260.png 260w, https://geojournalism.org/wp-content/uploads/2015/02/Screen-Shot-2016-03-16-at-3.17.28-PM.png 1458w" width="300"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Once you have selected the layers you want to appear in your map, you the select options that control how your audience can interact with your selected layers. The layers can be:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Fixed – use this if you don’t want to allow the viewer to turn off the layer.&lt;/li&gt;
&lt;li&gt;Switchable – when you want that the viewer to be able to switch the layer on and off.&lt;/li&gt;
&lt;li&gt;Swapable – when you would like to permit a choice between a set of layers.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can review the map design before publishing by clicking on the “UPDATE PREVIEW” button.&lt;/p&gt;
&lt;h1 class="summary-item" id="defining-the-center-point-scale-and-scope-of-the-map"&gt;&lt;a href="#defining-the-center-point-scale-and-scope-of-the-map"&gt;Defining the Center Point, Scale and Scope of the Map&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;The last step before publishing the map is the “Map Configurations” section. This is located under the preview map window. Here you can set some limits on the where a user can move to within the map (most maps are not global and should be define). There are three ways to hone in on the interaction.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;The center and initial zoom: This is the default view for the map when the page loads.&lt;/li&gt;
&lt;li&gt;The minimum and maximum zoom: This feature allows you to limit the zoom level to a specific range. Sometime data is now very useful at a high zoom level because it is generalized for a regional map. Other times, the scope of data may only cover a single city. If either of these is the case, limiting the zoom levels will help the map load faster.&lt;/li&gt;
&lt;li&gt;The limits for navigation of the map: Similar to zoom limits, if the map is not global in scale then it is important to put limits on “panning.” Panning is the action of moving the map from side (2-dimensions) to side rather than zooming in and out (3-dimensions).&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-04-%C3%A0s-09.38.35.png"&gt;&lt;img alt="Captura de Tela 2015-02-04 às 09.38.35" class="alignnone size-full wp-image-1347" decoding="async" height="536" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-04-%C3%A0s-09.38.35.png" width="922"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To create these configurations, you can navigate the map and when you are in the position that you desire, click the buttons “Define current as center and zoom” and “Define current as navigation limits”.&lt;/p&gt;
&lt;p&gt;Using the other setting, it is possible to:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Turn off the possibility of using the mouse or touchpad to change the zoom&lt;/li&gt;
&lt;li&gt;Turn on a filter, permitting that the visitors choose the start and end date of the posts which they wish to see&lt;/li&gt;
&lt;li&gt;Turn on a search field on the map&lt;/li&gt;
&lt;/ul&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://photos1.meetupstatic.com/photos/member/2/7/7/f/member_18490111.jpeg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Willie Shubert&lt;/strong&gt; is the Senior Project Coordinator for Internews’ Earth Journalism Network. As a coordinator of a global network of environmental journalists, Willie helps make tools that enable people to connect with each other, find material support, and amplify their local stories to global audiences. In his previous position at National Geographic Magazine, he coordinated translation for the magazine’s 32 local language partners. He holds a degree in Geography from Humboldt State University with concentrations in cartography, environmental economics, and Chinese Studies. Outside of work, he devotes his time to the development of a free school dedicated to community building through education and to collaborative mapping and audio projects.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2015/02/making-maps-with-jeo/"&gt;Making Maps with JEO&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>1335</ns2:post-id>	</item>
		<item>
		<title>Tips for Using Color in Maps</title>
		<link>https://geojournalism.org/2014/06/tips-for-using-color-in-maps/</link>
		
		<dc:creator>Mapbox</dc:creator>
		<pubDate>Wed, 25 Jun 2014 19:31:02 +0000</pubDate>
				<category>Design</category>
		<category>Maps</category>
		<category>cartography</category>
		<category>color</category>
		<category>Easy</category>
		<category>map design</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=1031</guid>

					<description>&lt;p&gt;Color Theory and Mapping It&amp;#8217;s important to realize how much your choice of color on a map can affect the story you are trying to tell with your data. As a brief introduction to some theories behind how to use colors on maps, here are three primary scheming designs for mapping data. Sequential Schemes Sequential [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/06/tips-for-using-color-in-maps/"&gt;Tips for Using Color in Maps&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;h1 class="summary-item" id="color-theory-and-mapping" title="Link to this section"&gt;&lt;a href="#color-theory-and-mapping"&gt;Color Theory and Mapping&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;It’s important to realize how much your choice of color on a map can affect the story you are trying to tell with your data. As a brief introduction to some theories behind how to use colors on maps, here are three primary scheming designs for mapping data.&lt;/p&gt;
&lt;p id="sequential_schemes" title="Link to this section"&gt;&lt;strong&gt;Sequential Schemes&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Sequential schemes order data from high to low, accenting the highest as a dark shade and the lowest as a light shade (or vice versa). Sequential schemes are best if you are mapping quantitative data and do not want to focus on one particular range within your data.&lt;br/&gt;
&lt;img alt="sequential" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/sequential.png"/&gt;&lt;/p&gt;
&lt;p id="diverging_schemes" title="Link to this section"&gt;&lt;strong&gt;Diverging Schemes&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Divergent schemes are best at highlighting a particular middle range of quantitative data. Pick two saturated contrasting colors for the extremes of the data, and the middle ranges blend into a lighter mix of the two. This is particularly great for accenting the mean of your data and exposing locations that significantly ‘diverge’ from the norm.&lt;br/&gt;
&lt;img alt="diverging" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/diverging.png"/&gt;&lt;/p&gt;
&lt;p id="qualitative_schemes" title="Link to this section"&gt;&lt;strong&gt;Qualitative Schemes&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;If you are working with qualitative data, such as ethnicity or religion, you want to pick a series of ‘unrelated’ colors. The trick is to pick a really nice color theme so your map looks great. You can also accent particular aspects of your data by your choice of color. For example, one strong dark color among a group of lighter colors will ‘pop’ out of the map, highlighting that particular facet of your data against all others.&lt;br/&gt;
&lt;img alt="qualitative" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/qualitative.png"/&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="sources-for-color-picking" title="Link to this section"&gt;&lt;a href="#sources-for-color-picking"&gt;Sources for Color-Picking&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Fortunately a number of sites are available to explore color themes. Below are links to some of these with a brief synopsis of their main features that will help you more easily navigate the seas of storytelling via aesthetics. The section ends with two reviews of purchasable tools that you can use from your desktop.&lt;/p&gt;
&lt;h3 class="summary-item" id="0_255" title="Link to this section"&gt;&lt;a href="#0_255"&gt;0_255&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;0_255 is a great site for picking between different shades of one color, so it’s ideal for sequential schemes. It gives you thirty options for any given color, allowing you to instantly copy the color’s hex code. There is a large grid of colors to select from for an initial color, and then 0_255 visualizes a range of shades based on that color. If the grid does not have the color you want, you can pick your own color by pasting in the hex code of your chosen color.&lt;br/&gt;
&lt;img alt="0_255" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/0_255_0.jpg"/&gt;&lt;/p&gt;
&lt;h3 class="summary-item" id="color-scheme-designer" title="Link to this section"&gt;&lt;a href="#color-scheme-designer"&gt;Color Scheme Designer&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Color Scheme Designer allows you to select a color from a color wheel and presents several options for automatically generating colors complementary to your initial choice. Specifically, you can choose between:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Complements&lt;/li&gt;
&lt;li&gt;Triads&lt;/li&gt;
&lt;li&gt;Tetrads&lt;/li&gt;
&lt;li&gt;Analogic&lt;/li&gt;
&lt;li&gt;Accented Analogic&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Once you’ve chosen your color and scheme, you’ll have a color table that gives you several variations of your colors and their corresponding hex codes.&lt;/p&gt;
&lt;p&gt;&lt;img alt="colorscheme" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/colorschemedesigner_1.jpg"/&gt;&lt;/p&gt;
&lt;h3 class="summary-item" id="colour-lovers" title="Link to this section"&gt;&lt;a href="#colour-lovers"&gt;Colour Lovers&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Colour Lovers is great if you are looking for a design theme for mapping qualitative data. Active users contribute palettes to the site, and these palettes are searchable, browsable, and ready to be used on your project. Colour Lovers users also post patterns if you need some spatial inspiration as well.&lt;br/&gt;
&lt;img alt="colourlovers" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/colourlovers_0.jpg"/&gt;&lt;/p&gt;
&lt;h3 class="summary-item" id="kuler" title="Link to this section"&gt;&lt;a href="#kuler"&gt;Kuler&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Kuler is a service similar to Colour Lovers offered by Adobe. A community of designers submit their own themes, which are available for RGB values and hex codes. The design of the site is a little less intuitive than Colour Lovers, but still worth checking out.&lt;br/&gt;
&lt;img alt="kuler" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/kuler_1.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;There are a lot of great ideas being posted by an active community of contributing users. Kuler also provides extensive links to things like forums, help pages, as well as several articles on the importance of color and color theory.&lt;/p&gt;
&lt;h3 class="summary-item" id="colorbrewer" title="Link to this section"&gt;&lt;a href="#colorbrewer"&gt;Colorbrewer&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Colorbrewer is great for contrasting the three kinds of color models mentioned in the first section of this article. It allows you to test out different color themes based on whether you want sequential, diverging, or qualitative schemes and to vary the number of color classes you want in your pallet (up to 12). It also provides some useful ‘further reading’ articles on these theories and other cartographic design ideas.&lt;br/&gt;
&lt;img alt="colorbrewer" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/colorbrewer.jpg"/&gt;&lt;/p&gt;
&lt;h3 class="summary-item" id="pochade" title="Link to this section"&gt;&lt;a href="#pochade"&gt;Pochade&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Pochade is a color picking program that allows you to determine the RGB value and hex code of any color you see on your screen. It also provides a few different ways of manipulating your color, such as changing its HSB, RGB, or CMYK values. This program is available for download for $9.99.&lt;br/&gt;
&lt;img alt="pochade" decoding="async" src="https://www.mapbox.com/tilemill/assets/pages/pochade_0.jpg"/&gt;&lt;/p&gt;
&lt;h3 class="summary-item" id="colorschemer-studio" title="Link to this section"&gt;&lt;a href="#colorschemer-studio"&gt;ColorSchemer Studio&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;ColorSchemer Studio provides three main features: (1) a color class generator (up to 254 – many more than Color Brewer) based on two colors of your choice, (2) a ‘PhotoSchemer’, which allows you to upload a photo and determine up to ten different colors on your chosen photo and (3) integration with colourlovers, including a color browser and the ability to load colors into the first tool to manipulate on your own. ColorSchemer is a powerful tool for your desktop, available for the slightly higher price of $49.99.&lt;/p&gt;
&lt;p&gt;Originally posted on Mapbox: &lt;a href="https://www.mapbox.com/tilemill/docs/guides/tips-for-color/" target="_blank"&gt;https://www.mapbox.&lt;wbr/&gt;com/tilemill/docs/guides/tips-&lt;wbr/&gt;for-color/&lt;/a&gt;&lt;/p&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/06/tips-for-using-color-in-maps/"&gt;Tips for Using Color in Maps&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>1031</ns2:post-id>	</item>
		<item>
		<title>OpenStreetMap editing using ID</title>
		<link>https://geojournalism.org/2013/08/openstreetmap-editing-using-id/</link>
		
		<dc:creator>Mikel Maron</dc:creator>
		<pubDate>Fri, 16 Aug 2013 01:21:12 +0000</pubDate>
				<category>Crowdsourcing</category>
		<category>Maps</category>
		<category>cartography</category>
		<category>Open Street Map</category>
		<category>wiki</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=316</guid>

					<description>&lt;p&gt;You can easily edit the OpenStreetMap base map that you find at&amp;#160;www.openstreetmap.org. And while doing it you will become part of the community of thousands of mappers worldwide who are creating the map together. Introduction What if your area isn&amp;#8217;t mapped? Or you want to add a feature, like a waterway or lake? You can [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/openstreetmap-editing-using-id/"&gt;OpenStreetMap editing using ID&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;You can easily edit the OpenStreetMap base map that you find at &lt;a href="https://www.openstreetmap.org/"&gt;www.openstreetmap.org&lt;/a&gt;. And while doing it you will become part of the community of thousands of mappers worldwide who are creating the map together.&lt;span id="more-316"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;What if your area isn’t mapped? Or you want to add a feature, like a waterway or lake? You can easily edit the OpenStreetMap base map that you find at &lt;a href="https://www.openstreetmap.org/"&gt;www.openstreetmap.org&lt;/a&gt;. And while doing it you will become part of the community of thousands of mappers worldwide who are creating the map together. You’ll also support open, free use of map data by using OSM instead of a commercial product (like Google). This will become important when you need to actually do something with your map that’s not permitted by Google (see &lt;a href="https://geojournalism.org/2013/08/downloading-map-information-from-openstreetmap/" target="_blank" title="Downloading map information from Openstreetmap"&gt;Downloading map information from OpenStreetMap&lt;/a&gt;). It’s also important because you can edit OSM immediately – no need to wait for edits to go through a corporate review process. You can then start using your map right away. Of course, if you create something incorrect, the thousands of users worldwide will monitor and remove it. This is called a Wiki – and works something like Wikipedia to keep the maps accurate.&lt;/p&gt;
&lt;h2 class="summary-item" id="first-steps"&gt;&lt;a href="#first-steps"&gt;First Steps&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Go to &lt;a href="https://www.openstreetmap.org/"&gt;www.openstreetmap.org&lt;/a&gt;. First, click Login in the righthand upper corner and either register yourself or log in if you’re registered already. You have to have an account in order to edit the map.&lt;/p&gt;
&lt;p&gt;Then, center the map image on the place you wish to edit. You can use the Search box on the left hand side to find your area, or use the zoom button to zoom out then slide the map to your desired location, and zoom back in.&lt;/p&gt;
&lt;p&gt;Then click the small arrow to the right of the word Edit above the map. There will be a drop down menu. Select “edit with iD”.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="OpenStreetmap editing with ID" class="aligncenter wp-image-317" decoding="async" height="302" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id01-1024x503.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id01-1024x503.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id01-300x147.png 300w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;You can always do the Walkthrough in order to see how to use this editing software. Or, click “Edit Now” and follow this tutorial!&lt;/p&gt;
&lt;h2 class="summary-item" id="editing-your-map"&gt;&lt;a href="#editing-your-map"&gt;Editing your map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;You may be told to “Zoom in to Edit the Map” if you’re not sufficiently zoomed in – just click there. Once the software displays all the mapped features on top of a nice satellite image provided by Bing, you can see a hand replace the arrow of the mouse pointer. Then you can grab and slide the map around to make sure it’s in the right place.
			&lt;/p&gt;&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			&lt;li&gt;&lt;a href="#"&gt;
			Step 1
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 2
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 3
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 4
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 5
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 6
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt;
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				&lt;div class="et_slidecontent"&gt;
			Next, we will be adding a water feature – a river – to the map. Click on where it says “Line”.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-318" decoding="async" height="355" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id02-1024x591.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id02-1024x591.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id02-300x173.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id02.png 2043w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Then click at the beginning of the river in your screen. You can then click again along the path of the river, creating an approximation of the river. Pop up windows with text will help you along the way. At the end of the line, double click and your river map is complete.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-319" decoding="async" height="361" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id03-1024x602.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id03-1024x602.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id03-300x176.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id03.png 2037w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			After you double-click, this side bar will pop up asking you what type of feature you’re mapping. Select in this case, Water, then River.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-320" decoding="async" height="359" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id04-1024x598.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id04-1024x598.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id04-300x175.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id04.png 2034w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Then you’ll be asked to add a name for the river. You can add it in the original, local language. You’ll see a down arrow to the right of the name box; click there and another box will open. There on the lefthand side you can select a secondary language like English and write the name in that one too. This is a good idea when you want to make sure all the languages of map users will be represented.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-321" decoding="async" height="356" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id05-1024x594.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id05-1024x594.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id05-300x174.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id05.png 2035w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;If you click where it says “All tags”, you’ll see how the name and feature are being recorded in the OpenStreetMap database. This is useful to know in case later on you end up using a different editor. This is the standard tagging structure for OSM.&lt;/p&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			If you click on the upper right hand button shaped like a square above the name, you’ll see how the tag was determined and get a link to the OSM wiki. This is because many times (though not for a river which is fairly simple) people will discuss how to categorize things and try to come to collective decisions on the tagging. If you end up mapping something unusual and can’t find a tag category for it, try looking there.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;Now go ahead and click Save.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="osm-id06" class="aligncenter wp-image-322" decoding="async" height="356" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id06-1024x593.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id06-1024x593.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id06-300x174.png 300w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			You’ll see a list of your changes to the map. You should add a quick message about what you’re adding, in case someone wants to follow up and verify it or contact you later about it. Once you hit the final save button, your addition is live on OSM!&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;What if I made a mistake on the line?&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;There are several ways to make changes to your line. In the example, there is a spot where I want to add more points so the line is better following the curve of the river path. As you can see below if you click once on the line where there is no point, a grey dot appears. If you click again there and hold, you can add a point there and move it around.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="osm-id07" class="aligncenter wp-image-323" decoding="async" height="362" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id07-1024x604.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id07-1024x604.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id07-300x176.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id07.png 2024w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;The semicircle that pops up around the grey dot also gives you some options, like discard that part of the line or in the case of a river, change the direction of the river flow. You’ll see some arrows on your river, which are meant to indicate which direction it flows. Make sure you have that correct, too. Don’t worry if you’ve already saved, everything in OSM can be edited at any time!&lt;/p&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container &lt;p&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="share-your-map"&gt;&lt;a href="#share-your-map"&gt;Share your map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;After you’ve saved, you should let everyone know by sharing on Facebook or Twitter! Or just go see your edit in the live map.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="osm-id08" class="aligncenter wp-image-324" decoding="async" height="357" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id08-1024x595.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id08-1024x595.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id08-300x174.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id08.png 2042w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;Here is your changeset or any changes you’ve made:&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="osm-id09" class="aligncenter wp-image-325" decoding="async" height="341" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id09-1024x569.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id09-1024x569.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id09-300x166.png 300w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;What if you made a mistake? I’ve actually named this river myself so the name is incorrect. Well, someone might come along and delete my edit. Eventually that will in fact happen. But I can also remove the name myself.&lt;/p&gt;
&lt;p&gt;I just go back to the window where I was editing the map (it should still be open) and click the river again to open the editing window. I click where it says All tags to open the tag list. Next to the names, I click the small trash can and the names disappear. Don’t forget to Save!&lt;/p&gt;
&lt;h2 class="summary-item" id="conclusion"&gt;&lt;a href="#conclusion"&gt;Conclusion&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;That’s all! For much more information on mapping in iD please see the Help section. Look for the small box on the upper left hand side of the map and click:&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-326" decoding="async" height="363" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/osm-id10-1024x605.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/osm-id10-1024x605.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id10-300x177.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/osm-id10.png 2027w" width="614"/&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://geojournalism.org/wp-content/uploads/2013/09/mikel.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Mikel Maron&lt;/strong&gt; (&lt;a href="https://twitter.com/mikel"&gt;@mikel&lt;/a&gt;) is a programmer and geographer working for impactful community and humanitarian uses of open source and open data. He is co-founder of &lt;a href="https://groundtruth.in/"&gt;Ground Truth Initiative&lt;/a&gt;, and of the &lt;a href="https://mapkibera.org/"&gt;Map Kibera&lt;/a&gt; project. He’s also Founder and President of the &lt;a href="https://hot.openstreetmap.org/"&gt;Humanitarian OpenStreetMap Team&lt;/a&gt;, having helped to facilitate the OSM response to the Haiti earthquake. He’s travelled widely, organizing projects in India, Palestine, Egypt, Swaziland, and elsewhere. Previously to this, he co-founded Mapufacture and worked on collaborative platforms, geoweb standards, and various applications, with a wide spectrum of organizations from UN and government agencies to anarchist hacker collectives.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/openstreetmap-editing-using-id/"&gt;OpenStreetMap editing using ID&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>316</ns2:post-id>	</item>
		<item>
		<title>Downloading map information from OpenStreetMap</title>
		<link>https://geojournalism.org/2013/08/downloading-map-information-from-openstreetmap/</link>
		
		<dc:creator>Erica Hagen</dc:creator>
		<pubDate>Fri, 16 Aug 2013 00:52:08 +0000</pubDate>
				<category>Data</category>
		<category>Maps</category>
		<category>cartography</category>
		<category>Open Street Map</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=310</guid>

					<description>&lt;p&gt;You may wish to actually get at the data in OpenStreetMap and extract a spreadsheet of information &amp;#8211; not just latitude and longitude but also every detail about each point of interest or feature. Introduction OpenStreetMap&amp;#160;is a terrific tool for mapping and editing maps. It is a user-created map of the world, made by thousands [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/downloading-map-information-from-openstreetmap/"&gt;Downloading map information from OpenStreetMap&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;You may wish to actually get at the data in OpenStreetMap and extract a spreadsheet of information – not just latitude and longitude but also every detail about each point of interest or feature.&lt;span id="more-310"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://www.openstreetmap.org/"&gt;OpenStreetMap&lt;/a&gt; is a terrific tool for mapping and editing maps. It is a user-created map of the world, made by thousands of participants over the years. The structure is much like Wikipedia – anyone can edit the map, and users correct each others’ errors so that the results you see are highly accurate.&lt;/p&gt;
&lt;p&gt;Adding your own map information to OSM is covered &lt;a href="https://geojournalism.org/2013/08/openstreetmap-editing-using-id/" title="OpenStreetMap editing using ID"&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Often, you’ll want to take part of the map you see on the OSM site and use it somewhere else, like on your website or blog as an illustration. This tutorial focuses on taking a map image off of the main OSM site so you can use it someplace else.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Tips&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Make sure that the area you want to show on your map is actually mapped well before you start. You can follow the first step of the tutorial to find out. If it’s not go ahead and &lt;a href="https://geojournalism.org/2013/08/openstreetmap-editing-using-id/" title="OpenStreetMap editing using ID"&gt;add your own information&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;You may wish to actually get at the data in OpenStreetMap and extract a spreadsheet of information – not just latitude and longitude but also every detail about each point of interest or feature. Remember, there can be a lot in the OSM database that isn’t immediately visible – say, opening hours of a clinic or really anything someone wished to add. In order to do this, you should see &lt;a href="https://overpass-turbo.eu/"&gt;https://overpass-turbo.eu&lt;/a&gt;. It is not covered in this tutorial.&lt;/p&gt;
&lt;h2 class="summary-item" id="starting-a-new-map"&gt;&lt;a href="#starting-a-new-map"&gt;Starting a new Map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;First, go to &lt;a href="https://www.openstreetmap.org/"&gt;www.openstreetmap.org&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;There is a search box on the lefthand side of the homepage. You can type in there the name of the place you want to find on the map. A list of options will come up and if your area is mapped, it will appear there. Click on it to get to the part of the world you want to capture.&lt;/p&gt;
&lt;p&gt;Or, you can zoom in and out of the map using the righthand side + and – buttons, and click and drag the map around using your mouse to find your part of the world. If it’s not well mapped, you might want to map it first yourself! Use the &lt;a href="https://geojournalism.org/2013/08/openstreetmap-editing-using-id/" title="OpenStreetMap editing using ID"&gt;tutorial&lt;/a&gt; or else, see &lt;a href="https://learnosm.org/en/" target="_blank" title="Learn OSM"&gt;Learn OSM&lt;/a&gt; to get into more depth with mapping.&lt;/p&gt;

			&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			&lt;li&gt;&lt;a href="#"&gt;
			Step 1
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 2
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				&lt;div class="et_slidecontent"&gt;
			&lt;p&gt;Once you’ve found the place you want, your screen should look something like this:&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-311" decoding="async" height="326" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps01-1024x543.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps01-1024x543.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps01-300x159.png 300w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			You don’t even have to log in to take this data right from the website to your computer desktop. First, drag the map around and zoom in and out to show the exact area that you are going to want. Click where it says &lt;em&gt;Export&lt;/em&gt;.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-312" decoding="async" height="328" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps02-1024x547.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps02-1024x547.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps02-300x160.png 300w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;The latitude and longitude coordinates shown will correspond to the edges of the actual map image you see, so you can leave them alone since you already adjusted that.
		&lt;/p&gt;&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container 
&lt;p&gt;&lt;/p&gt;&lt;h2 class="summary-item" id="formatting-your-map"&gt;&lt;a href="#formatting-your-map"&gt;Formatting your map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Where it says &lt;em&gt;Format to Export&lt;/em&gt;, at this point we just want an image file so you can leave it on Map Image. Below, choose your preferred format to export.&lt;/p&gt;
&lt;p&gt;Where it says &lt;em&gt;Scale&lt;/em&gt;, you might need to experiment with the size. The Maximum is given, and if you type in that exact number (in my example, it’s 21000) you’ll get every tiny bit of data in that box and a fairly large file size. The number given in my example is 65272 (actually less than 21,000 because it’s a ratio 1:x) will give you a fairly small file size and image, so if you zoom in it becomes pixelated. Choose the size that best works for your particular needs, and hit &lt;em&gt;Export&lt;/em&gt;. That’s all – now you have a nice image to put on your blog post or website – or a printed document of any kind.&lt;/p&gt;
&lt;p&gt;If you want to get a little more advanced, and use the HTML code, you can also place a marker onto the map and then put the code into your website directly.&lt;/p&gt;

			&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			&lt;li&gt;&lt;a href="#"&gt;
			Step 1
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 2
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				&lt;div class="et_slidecontent"&gt;
			&lt;p&gt;Click where it says &lt;em&gt;Embeddable HTML&lt;/em&gt;.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-313" decoding="async" height="326" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps03-1024x543.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps03-1024x543.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps03-300x159.png 300w" width="614"/&gt;&lt;/p&gt;
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			If you want, click where it says &lt;em&gt;Add a marker to the map&lt;/em&gt; and click on the map to add a little pointer.&lt;p&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="" class="aligncenter wp-image-314" decoding="async" height="322" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps04-1024x537.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps04-1024x537.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/openstreetmaps04-300x157.png 300w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;Then copy-paste the HTML displayed in the box into your website.
		&lt;/p&gt;&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container 
&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;That’s it!&lt;/strong&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://geojournalism.org/wp-content/uploads/2013/09/erica-hagen.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Erica Hagen&lt;/strong&gt; is a journalist and international development practitioner working for democracy of information and citizen participation in both online and traditional media. She is the co-founder of Map Kibera and GroundTruth Initiative. She received a Master’s of International Affairs from Columbia University in New York, where she focused on journalism and international development. She has worked in four countries on development communication and evaluation, and in the United States on refugee and immigrant issues, for organizations such as United Nations Population Fund, Concern Worldwide, and Unicef. She holds a B.A. in Religion from Reed College. More from Erica: &lt;a href="https://www.ericahagen.com/"&gt;https://www.ericahagen.com/&lt;/a&gt;
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/downloading-map-information-from-openstreetmap/"&gt;Downloading map information from OpenStreetMap&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>310</ns2:post-id>	</item>
		<item>
		<title>How to Map Photos Using OpenStreetMap and TileMill</title>
		<link>https://geojournalism.org/2013/08/how-to-map-photos-using-openstreetmap-and-tilemill/</link>
		
		<dc:creator>Mikel Maron</dc:creator>
		<pubDate>Wed, 14 Aug 2013 21:29:27 +0000</pubDate>
				<category>Maps</category>
		<category>cartography</category>
		<category>geotagging</category>
		<category>map design</category>
		<category>Open Street Map</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=268</guid>

					<description>&lt;p&gt;This guide takes four steps, demonstrating an overview of the whole flow and connection between four tools to build a photo map. This guide will hit the main points and highlight how the tools connect up with open data Introduction Recently, we organized a fun skill share with Map Kibera, and then again with Transparent [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/how-to-map-photos-using-openstreetmap-and-tilemill/"&gt;How to Map Photos Using OpenStreetMap and TileMill&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;This guide takes four steps, demonstrating an overview of the whole flow and connection between four tools to build a photo map. This guide will hit the main points and highlight how the tools connect up with open data&lt;span id="more-268"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Recently, we organized a fun skill share with &lt;a href="https://mapkibera.org/" rel="nofollow"&gt;Map Kibera&lt;/a&gt;, and then again with &lt;a href="https://www.transparentchennai.com/" rel="nofollow"&gt;Transparent Chennai&lt;/a&gt;. The idea is to use OpenStreetMap and TileMill to create an interactive photo map. Here’s the &lt;a href="https://a.tiles.mapbox.com/v3/groundtruth.map-vx5bbbu4/page.html" rel="nofollow"&gt;simple result&lt;/a&gt; from working with Map Kibera.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Want to learn to create something like this?&lt;/strong&gt; This guide takes four steps, demonstrating an overview of the whole flow and connection between four tools to build a photo map. This guide will hit the main points, highlight how the tools connect up with open data, and I’ll just link to other resources for the details on how to use each.&lt;/p&gt;
&lt;h2 class="summary-item" id="upload-photos-to-flickr"&gt;&lt;a href="#upload-photos-to-flickr"&gt;Upload Photos to Flickr&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;What you need: A photo of a place to map.&lt;/li&gt;
&lt;li&gt;What you get: Link to the photo page and photo preview.&lt;/li&gt;
&lt;li&gt;Learn more: &lt;a href="https://www.flickr.com/help/photos/" rel="nofollow"&gt;Flickr Help&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;If you don’t have a &lt;a href="https://flickr.com/" rel="nofollow"&gt;Flickr&lt;/a&gt; account, create one, it’s an easy way to share images. Upload a photo of a place. For our example, we uploaded &lt;a href="https://www.flickr.com/photos/mikel_maron/9420814521/" rel="nofollow"&gt;this photo of the iHub in Nairobi&lt;/a&gt;, taken during the Uchaguzi election project. We created a &lt;a href="https://www.flickr.com/groups/2274104@N21/" rel="nofollow"&gt;Map Kibera group&lt;/a&gt; to hold all our collective photos. &lt;em&gt;&lt;br/&gt;
&lt;/em&gt;&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_664" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9508348007_2c645cceeb_b.jpg"&gt;&lt;img alt="Credit: Mikel Maron, Ground Truth Initiative" aria-describedby="caption-attachment-664" class="wp-image-664" decoding="async" height="354" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9508348007_2c645cceeb_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9508348007_2c645cceeb_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9508348007_2c645cceeb_b-300x148.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-664"&gt;Credit: Mikel Maron, Ground Truth Initiative&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;span style="font-size: 13px; line-height: 19px;"&gt;From your photo page, click the &lt;/span&gt;&lt;strong style="font-size: 13px; line-height: 19px;"&gt;Share&lt;/strong&gt;&lt;span style="font-size: 13px; line-height: 19px;"&gt; button, and then the &lt;/span&gt;&lt;strong style="font-size: 13px; line-height: 19px;"&gt;Grab the HTML/BBCode&lt;/strong&gt;&lt;span style="font-size: 13px; line-height: 19px;"&gt; panel. Select a “Small” image size, and copy/paste the HTML code into a text editor/word processor. We need only the image link, which is within the &lt;/span&gt;&lt;strong style="font-size: 13px; line-height: 19px;"&gt;&lt;img alt="" decoding="async" src="..."/&gt;&lt;/strong&gt;&lt;span style="font-size: 13px; line-height: 19px;"&gt; tag.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;The result you should have is a link to the photo page, and the photo preview. Something like:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;https://www.flickr.com/photos/mikel_maron/9420814521/
https://farm4.staticflickr.com/3673/9420814521_f71924dd4e.jpg&lt;/code&gt;&lt;/pre&gt;
&lt;h2 class="summary-item" id="edit-openstreetmap"&gt;&lt;a href="#edit-openstreetmap"&gt;Edit OpenStreetMap&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;What you need: Location of your photo.&lt;/li&gt;
&lt;li&gt;What you get: OpenStreetMap feature linked to the image.&lt;/li&gt;
&lt;li&gt;Learn more: &lt;a href="https://learnosm.org/en/" rel="nofollow"&gt;LearnOSM&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Now, over to &lt;a href="https://osm.org/" rel="nofollow"&gt;OpenStreetMap&lt;/a&gt;. Sign up if needed, and review the basics in &lt;a href="https://learnosm.org/en/" rel="nofollow"&gt;LearnOSM&lt;/a&gt;. Also, try the iD Walkthrough: navigate to an area, click &lt;strong&gt;Edit&lt;/strong&gt; (specifically, click the down arrow, and select “Edit with iD”), and follow along the editing tutorial.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Now&lt;/strong&gt; open the &lt;strong&gt;View&lt;/strong&gt; tab again. Enter the name of the location of your photo, and search. In our case, it’s “iHub”. Look through the search results, and find the correct feature, &lt;em&gt;there might be more than one feature with that name&lt;/em&gt;, and then click &lt;strong&gt;View Details&lt;/strong&gt; to open the &lt;a href="https://www.openstreetmap.org/browse/node/673988331" rel="nofollow"&gt;browse page for that node&lt;/a&gt;. This page shows the location and tags for the feature, and in the lower right, click the &lt;strong&gt;Edit Node&lt;/strong&gt; link.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Often you’ll need to add a new feature in OSM, rather than add to an existing feature. Check out the other guides to learn more.&lt;/em&gt;&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_651" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9511330104_a4bdec07e4_b.jpg"&gt;&lt;img alt="Credit: Mike Maron" aria-describedby="caption-attachment-651" class="wp-image-651" decoding="async" height="365" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9511330104_a4bdec07e4_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9511330104_a4bdec07e4_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9511330104_a4bdec07e4_b-300x152.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-651"&gt;Credit: Mike Maron&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;In the left panel, click All tags, then the +, to add the tags to link the image on flickr. Add “image”, then the link to the Flickr photo page. It will look like:&lt;/p&gt;
&lt;pre&gt; image=https://www.flickr.com/photos/mikel_maron/9420814521/&lt;/pre&gt;
&lt;p&gt;Click &lt;strong&gt;Save&lt;/strong&gt;, add a commit message, and click &lt;strong&gt;Save&lt;/strong&gt; again.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Caveats&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Important: When you are taking photos, make sure to record which photo goes with which object! It can get confusing if there’s a lot.&lt;/p&gt;
&lt;h2 class="summary-item" id="extraction-with-overpass-turbo"&gt;&lt;a href="#extraction-with-overpass-turbo"&gt;Extraction with Overpass Turbo&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt; What you need: A Deep Breath (take one now!)&lt;/li&gt;
&lt;li&gt;What you get: A GeoJSON file containing images and locations.&lt;/li&gt;
&lt;li&gt;Learn more: Overpass Turbo wiki page&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The OpenStreetMap website presents one view of the data you contribute. The powerful thing about OSM is that you can take the data and use it however you like. Extracting the data from OSM itself, for use in another tool, is what this step is about.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_652" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9508838929_56cae156ed_b.jpg"&gt;&lt;img alt="Credit: MIke Maron" aria-describedby="caption-attachment-652" class="wp-image-652" decoding="async" height="365" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9508838929_56cae156ed_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9508838929_56cae156ed_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9508838929_56cae156ed_b-300x152.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-652"&gt;Credit: MIke Maron&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Open &lt;a href="https://overpass-turbo.eu/?key=image&amp;amp;template=key-type&amp;amp;type=node" target="_blank"&gt;Overpass Turbo&lt;/a&gt; with the template to search for nodes with key “image”. &lt;em&gt;You can find links for other tags by exploring &lt;a href="https://taginfo.openstreetmap.org/" target="_blank"&gt;TagInfo&lt;/a&gt;, another great tool I’ll cover in a later skill share.&lt;/em&gt; The interface has two panels, on the left the “Query” and the right the “Map”. Search and navigate the map to the area where your features are located. For us, the is “Nairobi”.&lt;/p&gt;
&lt;p&gt;The query to do the extraction can get complicated; you’ll see the template settings on the left, looking something like.&lt;/p&gt;
&lt;pre&gt;{{key=image}}
{{type=node}}&lt;/pre&gt;
&lt;p&gt;Now click &lt;strong&gt;Run&lt;/strong&gt;. Overpass will work for a few seconds, and then display the results on the map. You can click the points to get more info on each feature. Now click the &lt;strong&gt;Export&lt;/strong&gt; menu, then the &lt;strong&gt;Data&lt;/strong&gt; panel, and finally &lt;strong&gt;GeoJSON&lt;/strong&gt;. This should trigger a download of the results, and a display of the results in the dialog (some browsers won’t automatically download, so copy/paste the GeoJSON from the dialog into a file, and save locally). Note the location of the GeoJSON file, we need it for the next step.&lt;/p&gt;
&lt;h2 class="summary-item" id="groom-geojson"&gt;&lt;a href="#groom-geojson"&gt;Groom GeoJSON&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;What you need: The GeoJSON created with Overpass Turbo.&lt;/li&gt;
&lt;li&gt;What you get: GeoJSON with image preview links&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;To make our map, we need not only links to the Flickr page for the uploaded images, but also a link to the preview image itself. The &lt;a href="https://mikelmaron.github.io/geojson-flickr-groomer/" target="_blank"&gt;GeoJSON Flickr Groomer&lt;/a&gt; is a simple tool to create those links.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_653" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9628249541_81308bae87_b.jpg"&gt;&lt;img alt="Credit: Mikel Maron" aria-describedby="caption-attachment-653" class="wp-image-653" decoding="async" height="538" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9628249541_81308bae87_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9628249541_81308bae87_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9628249541_81308bae87_b-300x225.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-653"&gt;Credit: Mikel Maron&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Open the GeoJSON file downloaded from Overpass Turbo in your text editor. Copy all the content, and paste into the first text box. &lt;strong&gt;Click here to Run&lt;/strong&gt;, then &lt;strong&gt;Download groomed-geojson.json&lt;/strong&gt;. Note the location of the GeoJSON file, we need it for the final step.&lt;/p&gt;
&lt;h2 class="summary-item" id="make-a-map-with-tilemill"&gt;&lt;a href="#make-a-map-with-tilemill"&gt;Make a Map With TileMill&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;What you need: The GeoJSON modified by GeoJSON Flickr Groomer.&lt;/li&gt;
&lt;li&gt;What you get: An interactive map (finally!)&lt;/li&gt;
&lt;li&gt;Learn more: &lt;a href="https://www.mapbox.com/tilemill/docs/crashcourse/introduction/" target="_blank"&gt;TileMill Crash Course&lt;/a&gt; and &lt;a href="https://www.mapbox.com/help/#help-mapbox" target="_blank"&gt;MapBox Help&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;TileMill is a tool for designing maps. There’s a lot to it, so do check out the Crash Course, and other guides on the TileMill site. &lt;a href="https://www.mapbox.com/tilemill/docs/install" target="_blank"&gt;Install TileMill&lt;/a&gt;, start it up, and create a new project; uncheck &lt;strong&gt;Default&lt;/strong&gt; data. Now, in the lower left, click the &lt;strong&gt;Layers&lt;/strong&gt; buton, then &lt;strong&gt;Add Layer&lt;/strong&gt;. For the &lt;strong&gt;Datasource&lt;/strong&gt; field, browse and find the GeoJSON file downloaded from GeoJSON Flickr Groomer. Click &lt;strong&gt;Save &amp;amp; Style&lt;/strong&gt;, and you should see a map of your points on the left side of the screen. To zoom to the area of just your data, reopen the Layers dialog, and click the magnifying lens next to the layer.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_654" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9511708544_e5c3d10335_b.jpg"&gt;&lt;img alt="Credit: Mikel Maron" aria-describedby="caption-attachment-654" class="wp-image-654" decoding="async" height="394" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9511708544_e5c3d10335_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9511708544_e5c3d10335_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9511708544_e5c3d10335_b-300x164.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-654"&gt;Credit: Mikel Maron&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;On the right, is CartoCSS, used to style your map. We want to make some small changes, making the background of the map transparent (by default it’s sea blue). Here’s what our CartoCSS looks like:&lt;/p&gt;
&lt;pre&gt;Map {
background-color: transparent;
}

#images {
marker-width:6;
marker-fill:#f45;
marker-line-color:#813;
marker-allow-overlap:true;
}&lt;/pre&gt;
&lt;p&gt;Now, add &lt;strong&gt;Interactivity&lt;/strong&gt;, the dialog is reached by clicking the small hand in the lower left tool set. Click &lt;strong&gt;Full&lt;/strong&gt;. Here you can specify what appears when you click on a point. All of the tags for these features from OSM are available, you’ll see them in a list at the bottom of the dialog in “Mustache” tags. We set the content to this below, to show the name of the feature, and a linked photo.&lt;/p&gt;
&lt;pre&gt;{{{name}}}
&lt;a href="%7B%7B%7Bimage%7D%7D%7D"&gt;&lt;img alt="" decoding="async" src="href%7D%7D%7D"/&gt;&lt;/a&gt;&lt;/pre&gt;
&lt;p&gt;The map is ready to share! Sign up for a &lt;a href="https://tiles.mapbox.com/signup" target="_blank"&gt;free account on MapBox&lt;/a&gt;. Then back in TileMill, click the &lt;strong&gt;Export-&amp;gt;Upload&lt;/strong&gt; option in the upper right, configure the settings for the upload (try to minimize the upload size), and &lt;strong&gt;Upload&lt;/strong&gt;. You can watch the progress of the export and upload, and then get a link to the map.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://a.tiles.mapbox.com/v3/groundtruth.map-vx5bbbu4/page.html" target="_blank"&gt;Here’s ours&lt;/a&gt;!&lt;/p&gt;
&lt;h2 class="summary-item" id="results-and-your-challenge"&gt;&lt;a href="#results-and-your-challenge"&gt;Results and your challenge&lt;/a&gt;&lt;/h2&gt;
&lt;div class="wp-caption aligncenter" id="attachment_655" style="width: 727px"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/9511711840_3d97a64423_b.jpg"&gt;&lt;img alt="Credit: Mikel Maron" aria-describedby="caption-attachment-655" class="wp-image-655" decoding="async" height="365" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/9511711840_3d97a64423_b.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/9511711840_3d97a64423_b.jpg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/9511711840_3d97a64423_b-300x152.jpg 300w" width="717"/&gt;&lt;/a&gt;&lt;p class="wp-caption-text" id="caption-attachment-655"&gt;Credit: Mikel Maron&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;So this is it! To get the streets background, you’ll need to dive a little more into MapBox hosting configuration. &lt;strong&gt;Try it out on your own, with say, 10 images.&lt;/strong&gt; If you have any questions about this guide, suggestions to improve it, or just want to share your results, get in touch. Thanks!&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://geojournalism.org/wp-content/uploads/2013/09/mikel.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Mikel Maron&lt;/strong&gt; (&lt;a href="https://twitter.com/mikel"&gt;@mikel&lt;/a&gt;) is a programmer and geographer working for impactful community and humanitarian uses of open source and open data. He is co-founder of &lt;a href="https://groundtruth.in/"&gt;Ground Truth Initiative&lt;/a&gt;, and of the &lt;a href="https://mapkibera.org/"&gt;Map Kibera&lt;/a&gt; project. He’s also Founder and President of the &lt;a href="https://hot.openstreetmap.org/"&gt;Humanitarian OpenStreetMap Team&lt;/a&gt;, having helped to facilitate the OSM response to the Haiti earthquake. He’s travelled widely, organizing projects in India, Palestine, Egypt, Swaziland, and elsewhere. Previously to this, he co-founded Mapufacture and worked on collaborative platforms, geoweb standards, and various applications, with a wide spectrum of organizations from UN and government agencies to anarchist hacker collectives.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/how-to-map-photos-using-openstreetmap-and-tilemill/"&gt;How to Map Photos Using OpenStreetMap and TileMill&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>268</ns2:post-id>	</item>
		<item>
		<title>Balloon Mapping: How to make your low-flying satellite</title>
		<link>https://geojournalism.org/2013/08/balloon-mapping-how-to-make-your-own-low-flying-satellite/</link>
		
		<dc:creator>Willie Shubert</dc:creator>
		<pubDate>Wed, 14 Aug 2013 21:10:57 +0000</pubDate>
				<category>Crowdsourcing</category>
		<category>Maps</category>
		<category>balloon mapping</category>
		<category>cartography</category>
		<category>map design</category>
		<category>satellite imagery</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=264</guid>

					<description>&lt;p&gt;Balloon mapping provides individuals or groups with a low-cost means to create a running record of events in map form, one that is temporally accurate and easy to share.&amp;#160; What is Balloon Mapping? Today, aerial imagery&amp;#8212;pictures that are taken from above the Earth&amp;#8217;s surface&amp;#8212;are typically made by satellites and planes. &amp;#160;But in the days before [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/balloon-mapping-how-to-make-your-own-low-flying-satellite/"&gt;Balloon Mapping: How to make your low-flying satellite&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;Balloon mapping provides individuals or groups with a low-cost means to create a running record of events in map form, one that is temporally accurate and easy to share. &lt;span id="more-264"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="what-is-balloon-mapping"&gt;&lt;a href="#what-is-balloon-mapping"&gt;What is Balloon Mapping?&lt;/a&gt;&lt;/h2&gt;
&lt;div class="wp-caption alignleft" id="attachment_232" style="width: 310px"&gt;&lt;img alt="" aria-describedby="caption-attachment-232" class="size-medium wp-image-232" decoding="async" height="225" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/Balloon-Mapping-Intro-Image-300x225.jpg" title="Tandem balloon Mapping in a community garden" width="300"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-232"&gt;Credit: Knowledge Commons DC&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Today, aerial imagery—pictures that are taken from above the Earth’s surface—are typically made by satellites and planes.  But in the days before such inventions, balloons and kites we’re a handy way to obtain a view from the sky. Climate scientists have long attached weather sensors called &lt;i&gt;radiosonde &lt;/i&gt;to obtain measurements from various altitudes. The concept of balloon mapping is pretty simple, attach a camera to something that flies and take pictures of the ground. While the idea of floating something in the sky is indeed simple, high level applications include Google’s &lt;a href="https://www.google.com/loon/" target="_blank"&gt;Project Loon&lt;/a&gt; — focused on delivering long-range Wi-Fi via balloon and long-term surveillance missions run by the &lt;a href="https://www.wired.com/dangerroom/2011/10/giant-blimp-dwarfs-truck/" target="_blank"&gt;US military&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Balloon mapping provides individuals or groups with a low-cost means to create a running record of events in map form, one that is temporally accurate and easy to share. This tutorial, made with assistance from the &lt;a href="https://publiclab.org/wiki/balloon-mapping" target="_blank"&gt;Public Laboratory&lt;/a&gt;, will take you through a process of building and deploying a do-it-yourself satellite.&lt;/p&gt;
&lt;h2 class="summary-item" id="when-is-it-useful"&gt;&lt;a href="#when-is-it-useful"&gt;When is it useful?&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;In most cases, freely available aerial imagery is the best choice for a journalist illustrating a story with a picture from the sky. However, satellite imagery made available through companies like Google or Bing Maps are typically one to three years old and often feature winter images to minimize visible area covered by trees.  For breaking news stories like a natural disaster or a protest, obtaining recent or near real-time satellite imagery is critical and expensive.  A tethered balloon on the other hand is able to fly at much lower altitude and collects images at around 3 centimeters spatial resolution (3cm in real space equals one pixel) as opposed to a 50cm average in Google Earth and 250m in LANDSAT satellite imagery.&lt;/p&gt;
&lt;p&gt;Balloon and kite mapping is an appropriate tool when you need high resolution, time sensitive imagery from a potentially contentious location. Balloon mapping has already been used to document effects of the 2011 Deepwater Horizon Oil Spill, the size of Occupy Wall Street protests, and to contest official maps in Lima, Peru that left residents of informal settlements of the official city map.&lt;/p&gt;
&lt;p&gt;According to the Public Laboratory, mapping can be used by those in power to control territorial narratives. “Grassroots mapping attempts to invert this dynamic by using maps as a mode of communication and as evidence for an alternative, community-owned definition of a territory.”&lt;/p&gt;
&lt;h2 class="summary-item" id="required-materials"&gt;&lt;a href="#required-materials"&gt;Required Materials&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;The engineering of a balloon mapping rig is very simple and intuitive. The materials—except for helium—can be created relatively cheaply (about $150USD upfront) and reused. Basic elements include: a point and shoot camera with continuous mode, a weather balloon, high-strength lightweight string (kite string or fishing line) with a reel, rubber bands, a plastic bottle, zip ties, and tape. Alternative constructions include materials like Mylar emergency blankets instead of balloons and a trash cans for housing the camera. The Public Laboratory &lt;a href="https://store.publiclab.org/products/balloon-mapping-kit" target="_blank"&gt;sells a kit&lt;/a&gt; that includes most of the required materials but you can also assemble your own.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_229" style="width: 310px"&gt;&lt;img alt="Credit: Public Laboratory" aria-describedby="caption-attachment-229" class="size-medium wp-image-229" decoding="async" height="300" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/Balloon-Mapping-Kit-300x300.jpg" width="300"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-229"&gt;Credit: Public Laboratory&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Aside from the materials listed in the kit above, you need is a good, cheap camera that has a continuous shooting mode. A continuous (or burst) camera mode is vital since you will want to collect multiple images while flying and this setting allows you to do so. A list of suitable cameras can be found &lt;a href="https://publiclab.org/wiki/camera-selection"&gt;here&lt;/a&gt;. Physical and digital hacks to ensure continuous photography will be covered in the following flight preparation &amp;amp; construction step.&lt;/p&gt;
&lt;p&gt;You will also need helium to fill and lift the balloon. Helium is lighter than air so it floats to achieve its natural equilibrium. The size of the balloon and the amount of helium you use determines how much your balloon will be able to lift.  The 2 meter diameter balloon included in Public Lab’s balloon mapping kit can lift 3288.5 grams. You must consider the weight of your all in-air equipment to determine if your rig will fly. For other size balloons &lt;a href="https://www.chem.hawaii.edu/uham/lift.html"&gt;this set of charts&lt;/a&gt; outlining the physical properties of lighter-than-air gases is useful.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Flight Preparation &amp;amp; Construction&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;There are two distinct elements to prepare for prior to launching your flying camera rig. First, it is important to research the location you are going to map including the regulations governing tethered balloon flying and  the geography of the area. Going on a scouting trip can help you identify potential obstacles like trees/power lines and give you a feel for local weather conditions. Second, you must gather and assemble the material components of the balloon mapping rig.&lt;/p&gt;
&lt;p&gt;When researching the area you plan to map, it is a good idea to visit first before you fly. Tell the people who live where you will be mapping that you will be there, print out a satellite map of the area to take notes, and most importantly research the government rules that apply. In the US, tethered balloon flight is regulated by the Federal Aviation Administration (FAA) and they have rules governing the size of the balloon, the amount of weight it can carry, and how high the balloon can fly without explicit government permission.&lt;/p&gt;
&lt;p&gt;Local weather conditions are very important since high-wind can make capturing clear images from a stable camera very difficult. In such conditions &lt;a href="https://www.publiclab.org/wiki/kite-mapping"&gt;a kite may be better&lt;/a&gt;. Remember don’t put anything in the air you aren’t comfortable losing.&lt;/p&gt;
&lt;p&gt;Once you have figured out what you want to map and researched area and regulations governing flight, you can assemble your materials for flying. After selecting and testing your camera for continuous mode, you can build a light weight rig to protect the camera from falls and provide additional stability. The cheapest option is to &lt;a href="https://www.publiclab.org/wiki/pet-bottle-rubber-band-rig"&gt;build this housing from a PET plastic bottle&lt;/a&gt; and rubber bands.&lt;/p&gt;
&lt;p&gt;Video and images courtesy of the Public Laboratory:&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_230" style="width: 310px"&gt;&lt;img alt="Credit: Matthew Lippincott, Public Laboratory" aria-describedby="caption-attachment-230" class="size-medium wp-image-230" decoding="async" height="225" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/Balloon-Mapping_PET-bottle-image-300x225.jpg" width="300"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-230"&gt;Credit: Matthew Lippincott, Public Laboratory&lt;/p&gt;&lt;/div&gt;
&lt;p style="text-align: center;"&gt;&lt;iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" loading="lazy" src="//www.youtube.com/embed/t96Za2l0VjU" style="margin: 0 auto;" width="480"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p&gt;Now that you have your rig built, it’s time to fill up the balloon (this can be done on-location or if logistically feasible beforehand). Having a teammate is really helpful for this step because the balloon will fill up really big and needs to be held. One person should fill the balloon and the other should hold it as it fills to make sure it doesn’t fly away or hit something sharp.&lt;/p&gt;
&lt;p&gt;With a full balloon in hand, it is time to attach the housing to the balloon. The simplest way to do this is to attach the swivel clips included in the kit to the line tethering the balloon. Without the clips you can also use a piece of line to tie the rig to the bottom of the balloon but make sure it is tight so that it doesn’t fall.&lt;/p&gt;
&lt;p&gt;The final piece of the puzzle necessary to set up before flying is to place the camera in its housing with a continuous shooting mode engaged. Depending on the type of camera you have, you can either physically press the shutter button with a piece of cardboard and a rubber band or you can enable a time lapse mode in your camera by using an existing feature or (if you  have a point-and-shoot Canon camera and are technically inclined) adding the &lt;a href="https://chdk.wikia.com/wiki/CHDK_1.2.0_User_Manual"&gt;Canon Hack Develop Kit&lt;/a&gt; (CHDK) to your SD card.&lt;/p&gt;
&lt;h2 class="summary-item" id="piloting-stabilization"&gt;&lt;a href="#piloting-stabilization"&gt;Piloting &amp;amp; Stabilization&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Once your balloon rig is set up and taking pictures, let it fly!  This step is where the fun and the finesse begin. You can control the altitude of the balloon using the reel that is holding the line. The more line you release the higher the balloon can fly. The shorter the sting, the closer the balloon stays to the ground. The experience is kind of like fishing in the sky.  The altitude of the balloon is important because pictures from similar heights can be stitched together to create an image equivalent to one zoom level on a map.&lt;/p&gt;
&lt;div class="wp-caption alignright" id="attachment_231" style="width: 310px"&gt;&lt;img alt="Azmuth Illustration" aria-describedby="caption-attachment-231" class="size-medium wp-image-231" decoding="async" height="225" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/Azmuth-Illustration-300x225.jpg" width="300"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-231"&gt;Credit: Public Laboratory&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;At first keep you balloon at a low altitude and walk the area you want to map. The height of the balloon is roughly equivalent to the ground area you are recording, so a balloon 10 meters in the area will capture about 10 square meters. Walking a predetermined path, or transect, will ensure that you can capture all of the ground area you want.&lt;/p&gt;
&lt;p&gt;Once you have done a set of transects at one fixed altitude, give the balloon more line and let it fly higher. The higher it is, the more it captures (but at less resolution). You can repeat this process as many times as you want. The only limits you have are the line distance, the disk space on your camera, and your camera’s battery life.&lt;/p&gt;
&lt;p&gt;As you walk your transects it is important to watch the stability of your camera rig. The best images are captured when the rig is stable and pointed at a 90 degree angle towards the ground. A swinging rig is a bad sign since obliquely angled images will have to be stretched to make a flat, planimetric map.&lt;/p&gt;
&lt;p&gt;Techniques for maximizing stabilization are grounds for experimentation amongst the balloon mapping community. Some simple solutions include adding multiple lines to one balloon to increase the tension and reduce the influence of the wind. This technique works well for low-altitude balloon mapping but is difficult when the balloon is high in the air. It also requires an almost dance like coordination between the two balloon pilots. A more intricate solution is the &lt;a href="https://www.publiclab.org/wiki/picavet-rigging"&gt;picavet system&lt;/a&gt; for stabilization. It requires some skill and weights more but it works well especially for mappers using high-end cameras.&lt;/p&gt;
&lt;h2 class="summary-item" id="image-processing"&gt;&lt;a href="#image-processing"&gt;Image Processing&lt;/a&gt;&lt;/h2&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="Credit: Public Labratory" class="wp-image-234 aligncenter" decoding="async" height="481" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/MapMill-Good-Image-Chart.png" width="353"/&gt;&lt;/p&gt;
&lt;p&gt;This step is where your pictures become a map. Depending on the amount of time you have been flying your balloon, you should have lots of images and many of them won’t be clear enough to be useful. The best images are clear–without distortion from shaking or overexposure–and pointed vertically–directly toward the ground. It is also helpful to prioritize good images that cover the largest area possible.&lt;/p&gt;
&lt;p&gt;You can select pictures on your desktop using an image preview features or you can download a copy of &lt;a href="https://mapmill.org/"&gt;MapMill&lt;/a&gt; to enable the Public Lab community to help identify useful images.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" id="attachment_233" style="width: 400px"&gt;&lt;img alt="Map Stiching Example" aria-describedby="caption-attachment-233" class="wp-image-233" decoding="async" height="221" loading="lazy" src="https://dev.cardume.art.br/toolkit/wp-content/uploads/2013/08/Map-Stiching-Example.gif" width="390"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-233"&gt;Credit: Sam Pepple, Sample Cartography&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Once you have selected a set of useable images, you can then begin the process of stitching these pictures together into a bigger map. You can do this using image processing software like Adobe Photoshop or by using the Public Lab’s MapKnitter browser-based editor. MapKnitter allows you to upload, overlay, stretch, and resize your photos with a Google Maps satellite view as a reference.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" loading="lazy" src="//www.youtube.com/embed/NOikqxIIFBc" width="480"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p&gt;By using MapKnitter, you will also have many tools available for exporting and sharing the maps you just made with the world.&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://photos1.meetupstatic.com/photos/member/2/7/7/f/member_18490111.jpeg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Willie Shubert&lt;/strong&gt; is the Senior Project Coordinator for Internews’ Earth Journalism Network. As a coordinator of a global network of environmental journalists, Willie helps make tools that enable people to connect with each other, find material support, and amplify their local stories to global audiences. In his previous position at National Geographic Magazine, he coordinated translation for the magazine’s 32 local language partners. He holds a degree in Geography from Humboldt State University with concentrations in cartography, environmental economics, and Chinese Studies. Outside of work, he devotes his time to the development of a free school dedicated to community building through education and to collaborative mapping and audio projects.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/balloon-mapping-how-to-make-your-own-low-flying-satellite/"&gt;Balloon Mapping: How to make your low-flying satellite&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>264</ns2:post-id>	</item>
		<item>
		<title>Using Ushahidi to Map Reports on Solid Waste</title>
		<link>https://geojournalism.org/2013/07/using-ushahidi-to-map-reports-on-solid-waste/</link>
		
		<dc:creator>Erica Hagen</dc:creator>
		<pubDate>Thu, 18 Jul 2013 21:45:06 +0000</pubDate>
				<category>Crowdsourcing</category>
		<category>Maps</category>
		<category>cartography</category>
		<category>waste</category>
		<guid isPermaLink="false">https://dev.cardume.art.br/toolkit/?p=99</guid>

					<description>&lt;p&gt;Ushahidi is a great open-source software for presenting many kinds of information on a map. You can set up an Ushahidi site using&amp;#160;Crowdmap&amp;#160;which will help you tell a story by bringing together a map with the information and reports you choose to include. Introduction Ushahidi is a great open-source software for presenting many kinds of [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/07/using-ushahidi-to-map-reports-on-solid-waste/"&gt;Using Ushahidi to Map Reports on Solid Waste&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;&lt;a href="https://geojournalism.org/tools/ushahidicrowdmap/"&gt;Ushahidi&lt;/a&gt; is a great open-source software for presenting many kinds of information on a map. You can set up an Ushahidi site using &lt;a href="https://geojournalism.org/tools/ushahidicrowdmap/"&gt;Crowdmap&lt;/a&gt; which will help you tell a story by bringing together a map with the information and reports you choose to include.&lt;span id="more-99"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/tools/ushahidicrowdmap/" target="_blank" title="Ushahidi"&gt;Ushahidi&lt;/a&gt; is a great open-source software for presenting many kinds of information on a map. You can set up an Ushahidi site using &lt;a href="https://www.crowdmap.com/"&gt;Crowdmap&lt;/a&gt; which will help you tell a story by bringing together a map with the information and reports you choose to include. The visual presentation of the right kind of information in this way is a great way to immediately impact your audience, and even to invite them to participate in sharing their own information. The front end design is straightforward, and the back end of the software is as simple as can be, making it ideal for a very quick setup and use by people with even a quite basic level of computer skill.&lt;/p&gt;
&lt;p&gt;In this tutorial, we’ll map environmental features like garbage collection points, waste disposal problems, current news related to pollution of the environment by solid waste, sewage disposal and stories related to this environmental problem.&lt;/p&gt;
&lt;h2 class="summary-item" id="why-using-ushahidi"&gt;&lt;a href="#why-using-ushahidi"&gt;Why using Ushahidi?&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Using Ushahidi for creating your map of reports can be a quick and easy way to make an interactive visual demonstration of the concepts and news you want to report. However, it’s important not to imagine that the “crowd” will come running to add their own reports to your site. Having in mind a plan for cultivating your reporters, or simply doing it yourself, is a good way to go. If you have a team already, they can easily be trained to add reports while your job is to approve them on the administrative dashboard. If you simply want to visualize information you already have collected, or make a site based on environmental news that you are tracking, you can do this yourself and keep updating.&lt;/p&gt;
&lt;p&gt;Another important thing to remember is accessing your audience. Ushahidi can’t be easily embedded into another website that you may have running. You’ll have to direct traffic there. Have a publicity plan in place, or if you are already working online as a journalist, create links with your current site. Also, use Facebook and Twitter to promote each report.&lt;/p&gt;
&lt;h2 class="summary-item" id="tutorial-steps"&gt;&lt;a href="#tutorial-steps"&gt;Tutorial Steps&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Go to &lt;a href="https://www.crowdmap.com/"&gt;www.crowdmap.com&lt;/a&gt;. Scroll to the bottom of the site and click &lt;strong&gt;Crowdmap Classic&lt;/strong&gt;. You should see this:&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi01" class="aligncenter size-full wp-image-120" decoding="async" height="333" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi012.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi012.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi012-300x200.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="create-an-account"&gt;&lt;a href="#create-an-account"&gt;Create an Account&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Click &lt;strong&gt;“Sign up for Free”&lt;/strong&gt;. Fill in your details. Then, carefully choose the map address. If you just want to play and learn, you can make it something like “My Test Map Temp” – but if you think you might really want to share and use this map, give some thought to the title. Then fill in the map title and tagline.&lt;/p&gt;
&lt;p&gt;I’ve created this one to demonstrate with. You can also take a look at mine: &lt;a href="https://solidwastemaptutorial.crowdmap.com/"&gt;https://solidwastemaptutorial.crowdmap.com&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;After you’ve created your map, you should see:&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi02" class="aligncenter size-full wp-image-110" decoding="async" height="252" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi02.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi02.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi02-300x151.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;Click on your map and you will see:&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi03" class="aligncenter size-full wp-image-111" decoding="async" height="252" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi03.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi03.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi03-300x151.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;Let’s go into the back end of the site to adjust the settings.&lt;/p&gt;
&lt;p&gt;Click your browser back button to get back to the previous screen, and under the title of your map you will see &lt;strong&gt;“Admin Dashboard”&lt;/strong&gt; (see above). Click there and you’ll get to your back end management:&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi04" class="aligncenter size-full wp-image-112" decoding="async" height="372" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi04.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi04.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi04-300x224.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;Notice at the top are big red buttons telling you that you haven’t managed some settings. Let’s start with &lt;strong&gt;“Select a Theme”&lt;/strong&gt;. Click there and you’ll find a few custom designs for your map. Pick the one you like best by checking the box &lt;strong&gt;Select Theme&lt;/strong&gt; and then &lt;strong&gt;Save Settings&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Now go to Change Map Settings.&lt;/p&gt;
&lt;p&gt;You’ll want to pick your country, and then zoom in to see just the area you want in the box. First see if it’s there in OpenStreetMap. If not you can look up in a different map provider in the dropdown menu. For now, that’s enough to get started.&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi05" class="aligncenter size-full wp-image-113" decoding="async" height="296" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi05.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi05.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi05-300x178.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;Don’t forget to click &lt;strong&gt;Save Settings&lt;/strong&gt; afterwards!&lt;/p&gt;
&lt;h2 class="summary-item" id="adding-categories"&gt;&lt;a href="#adding-categories"&gt;Adding Categories&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Go back to the Dashboard. You will see a menu item on the righthand side, &lt;strong&gt;Categories&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Click here and you should see three generic categories. You can change these into your own by clicking &lt;strong&gt;Edit&lt;/strong&gt;. For instance, Dump Sites, Pollution, and Illegal Activity. The fourth category indicates all trusted reports. You can also remove this or any other category. See below:&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi06" class="aligncenter size-full wp-image-114" decoding="async" height="287" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi06.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi06.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi06-300x172.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;Click &lt;strong&gt;Save&lt;/strong&gt; after you have added your categories.&lt;/p&gt;
&lt;p&gt;Next go back to your map’s homepage by clicking on its name on the top left of your screen. You should see the map area you wanted, and the theme you selected. Now you’re ready to start adding some reports.&lt;/p&gt;
&lt;h2 class="summary-item" id="adding-a-report"&gt;&lt;a href="#adding-a-report"&gt;Adding a Report&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Go ahead and click &lt;strong&gt;Submit a Report&lt;/strong&gt;, the big red button. The great thing is anyone can also come to your site and click the same button. You’ll be able to decide later whether to approve and add their report to your map, don’t worry.&lt;/p&gt;
&lt;p&gt;Fill in the &lt;strong&gt;Title&lt;/strong&gt; and &lt;strong&gt;Description&lt;/strong&gt; of the event, information, news or whatever you feel is important to include for now. Move the red dot on the map to indicate the location of your report by clicking and dragging in, and zoom in and out of the map using the + and – buttons.&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi07" class="aligncenter size-full wp-image-115" decoding="async" height="336" loading="lazy" sizes="auto, (max-width: 414px) 100vw, 414px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi07.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi07.jpg 414w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi07-300x243.jpg 300w" width="414"/&gt;&lt;/p&gt;
&lt;p&gt;You can select the categories which apply to your report. You can also add your name, optionally. You must add a location name; if you are using OpenStreetMap then don’t use the automatic find location button. Simply name your location as you like. You can also add photos, external video links and news source links. These are useful if you are recording a report that references other news.&lt;/p&gt;
&lt;p&gt;Once you’re done, click &lt;strong&gt;Submit&lt;/strong&gt;.&lt;/p&gt;
&lt;h2 class="summary-item" id="approving-a-report"&gt;&lt;a href="#approving-a-report"&gt;Approving a Report&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Go to your Administration Dashboard by clicking in the upper right hand corner of the site on your login email and selecting &lt;strong&gt;Your Dashboard&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Then click &lt;strong&gt;Reports&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;You have two reports there already – yours, and one that simply says Hello Ushahidi!&lt;/p&gt;
&lt;p&gt;First of all click &lt;strong&gt;Delete&lt;/strong&gt; on the intro post Hello Ushahidi.&lt;/p&gt;
&lt;p&gt;Then click &lt;strong&gt;Approve and Verify&lt;/strong&gt; on the post you just made. Verify means that you are an eyewitness to this report or have sufficient trust in the source to consider it verified. Use your journalistic skills to assess when to use &lt;strong&gt;Verify&lt;/strong&gt;. This allows you to approve reports that other people send in, but distinguish those you can confirm from those you have not yet confirmed.&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi08" class="aligncenter size-full wp-image-116" decoding="async" height="335" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi08.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi08.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi08-300x201.jpg 300w" width="498"/&gt;&lt;/p&gt;
&lt;p&gt;After it’s approved, you can click on your site homepage again in the top left corner and you’ll see your report!&lt;/p&gt;
&lt;p&gt;&lt;img alt="ushahidi09" class="aligncenter size-full wp-image-117" decoding="async" height="388" loading="lazy" sizes="auto, (max-width: 498px) 100vw, 498px" src="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi09.jpg" srcset="https://geojournalism.org/wp-content/uploads/2013/07/ushahidi09.jpg 498w, https://geojournalism.org/wp-content/uploads/2013/07/ushahidi09-300x233.jpg 300w" width="498"/&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://geojournalism.org/wp-content/uploads/2013/09/erica-hagen.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Erica Hagen&lt;/strong&gt; is a journalist and international development practitioner working for democracy of information and citizen participation in both online and traditional media. She is the co-founder of Map Kibera and GroundTruth Initiative. She received a Master’s of International Affairs from Columbia University in New York, where she focused on journalism and international development. She has worked in four countries on development communication and evaluation, and in the United States on refugee and immigrant issues, for organizations such as United Nations Population Fund, Concern Worldwide, and Unicef. She holds a B.A. in Religion from Reed College. More from Erica: &lt;a href="https://www.ericahagen.com/"&gt;https://www.ericahagen.com/&lt;/a&gt;
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/07/using-ushahidi-to-map-reports-on-solid-waste/"&gt;Using Ushahidi to Map Reports on Solid Waste&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>99</ns2:post-id>	</item>
	</channel>
</rss>