<?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>Maps Archives - geojournalism.org</title>
	<ns0:link href="https://geojournalism.org/category/maps/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>Maps 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>Share a Map from a JEO Site</title>
		<link>https://geojournalism.org/2016/07/share-a-map-from-a-jeo-site/</link>
		
		<dc:creator>Willie Shubert</dc:creator>
		<pubDate>Fri, 29 Jul 2016 19:45:59 +0000</pubDate>
				<category>Maps</category>
		<category>jeo</category>
		<guid isPermaLink="false">https://geojournalism.org/?p=1576</guid>

					<description>&lt;p&gt;Not everyone has the time, money, or inclination to make interactive maps to support their stories. With this in mind, we&amp;#8217;ve added a sharing feature to help journalists tell environmental stories with the maps they see within GeoJournalism sites. This tool creates an interface for formatting an iframe embed code; similar to a YouTube video [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2016/07/share-a-map-from-a-jeo-site/"&gt;Share a Map from a JEO Site&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;Not everyone has the time, money, or inclination to make interactive maps to support their stories. With this in mind, we’ve added a sharing feature to help journalists tell environmental stories with the maps they see within GeoJournalism sites. This tool creates an interface for formatting an iframe embed code; similar to a YouTube video embed.&lt;/p&gt;
&lt;p&gt;All of the sites using JEO have the capability to use this tool but not all of the sites enable the feature. Among the GeoJournalism sites on the Open Earth platform, you can embed interactive maps from &lt;a href="https://infoamazonia.org/share"&gt;InfoAmazonia.org&lt;/a&gt;, &lt;a href="https://infocongo.org/share"&gt;InfoCongo.org&lt;/a&gt;, &lt;a href="https://oxpeckers.org/share"&gt;Oxpeckers.org&lt;/a&gt;, and &lt;a href="https://www.thethirdpole.net/share"&gt;TheThirdPole.net&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Let’s walk through this process using The Third Pole and InfoAmazonia&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/mA2p8o9YHvI"&gt;https://youtu.be/mA2p8o9YHvI&lt;/a&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="getting-to-know-share-a-map-settings"&gt;&lt;a href="#getting-to-know-share-a-map-settings"&gt;Getting to know “Share A Map” Settings&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png"&gt;&lt;img alt="InfoAmazonia Share Map Panel" class="alignnone size-full wp-image-1577" decoding="async" height="355" loading="lazy" sizes="auto, (max-width: 941px) 100vw, 941px" src="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png 941w, https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel-300x113.png 300w" width="941"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Using this tool, you have the ability to select and customize the map data, filter or remove the geolocated story content, and chose the size of the map.&lt;/p&gt;
&lt;h2 class="summary-item" id="select-the-map"&gt;&lt;a href="#select-the-map"&gt;Select the map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;The first step is to chose the map you want to share. Each map hosted on the site is available by clicking the drop down menu. you can choose multiple layers from this map by clicking “select layers from this map.” This is useful is you need to remove unnecessary information.&lt;/p&gt;
&lt;h2 class="summary-item" id="customize-the-story-posts"&gt;&lt;a href="#customize-the-story-posts"&gt;Customize the Story Posts&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Select &lt;strong&gt;the filter content &lt;/strong&gt;tab to select the content that will be displayed on the map. You can either select to include “general content”&lt;em&gt; &lt;/em&gt;which includes all stories tagged to the map by the site editors or remove the stories. It is also possible use “by categories” to filter content to only include specific topics.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png"&gt;&lt;img alt="Filter Content" class="size-full wp-image-1579 aligncenter" decoding="async" height="554" loading="lazy" sizes="auto, (max-width: 291px) 100vw, 291px" src="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png 291w, https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content-158x300.png 158w" width="291"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;h2 class="summary-item" id="choose-the-preferred-size-of-the-maps-small-medium-large"&gt;&lt;a href="#choose-the-preferred-size-of-the-maps-small-medium-large"&gt;Choose the preferred size of the maps (small, medium, large)&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;It’s possible to customize the map to be shared at any size. We included these 3 “width and height” options to make it easier to customize and preview without needed to write in the iFrame HTML. Clicking between the map sizes will dynamically change in the map preview area.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png"&gt;&lt;img alt="Width and Height" class="size-full wp-image-1580 aligncenter" decoding="async" height="165" loading="lazy" sizes="auto, (max-width: 363px) 100vw, 363px" src="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png 363w, https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height-300x136.png 300w" width="363"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="pan-and-zoom-to-the-view-you-wish-to-share"&gt;&lt;a href="#pan-and-zoom-to-the-view-you-wish-to-share"&gt;Pan and zoom to the view you wish to share&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;One of the most useful features of this tool is that the center of the map and the zoom level information are included in iframe HTML code. This means that detailed regional maps, like InfoAmazonia’s deforestation maps, can be used to support stories about more local examples of deforestation.&lt;/p&gt;
&lt;p&gt;&lt;iframe frameborder="0" height="400" loading="lazy" src="https://infoamazonia.org/embed/?map_only=1&amp;amp;map_id=6731&amp;amp;width=600&amp;amp;height=400&amp;amp;lat=-7.972197714386866&amp;amp;lon=-61.3421630859375&amp;amp;zoom=9" width="600"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;h2 class="summary-item" id="share"&gt;&lt;a href="#share"&gt;Share!&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Now that you’ve customized your way to the map you want, there are three options to share you selection.&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;
			Copy the iframe HTML code
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Send the Map URL
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Share in social media
		&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/2016/07/HTML-output.png"&gt;&lt;img alt="HTML output" class="alignnone size-full wp-image-1581" decoding="async" height="175" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/HTML-output.png" width="266"/&gt;&lt;/a&gt; this option is for web editors
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;a href="https://geojournalism.org/wp-content/uploads/2016/07/URL-output.png"&gt;&lt;img alt="URL output" class="alignnone size-full wp-image-1582" decoding="async" height="96" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/URL-output.png" width="266"/&gt;&lt;/a&gt; Using this option to share an active link. It will open up in the browser without the need to customize HTML
		&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;a href="https://geojournalism.org/wp-content/uploads/2016/07/social-outputs.png"&gt;&lt;img alt="social outputs" class="alignnone size-full wp-image-1583" decoding="async" height="148" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/social-outputs.png" width="163"/&gt;&lt;/a&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container 
&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/07/share-a-map-from-a-jeo-site/"&gt;Share a Map from a JEO Site&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>1576</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>Using JEO’s Content Type</title>
		<link>https://geojournalism.org/2015/02/using-jeos-content-type/</link>
		
		<dc:creator>Willie Shubert</dc:creator>
		<pubDate>Tue, 03 Feb 2015 16:04:13 +0000</pubDate>
				<category>Apps</category>
		<category>Maps</category>
		<guid isPermaLink="false">https://dev.geojournalism.org/?p=1292</guid>

					<description>&lt;p&gt;Understanding the unique WordPress Content Types created for JEO is a great way to understand how to organize and create content. These content types are defined by the type of information they contain and how they are used throughout a JEO site. There are two main categories of content types used in JEO; one group [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2015/02/using-jeos-content-type/"&gt;Using JEO’s Content Type&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;Understanding the unique WordPress Content Types created for JEO is a great way to understand how to organize and create content. These content types are defined by the type of information they contain and how they are used throughout a JEO site.&lt;/p&gt;
&lt;p&gt;There are two main categories of content types used in JEO; one group is used to organize the data and visualizations and the other group if for creating stories and landing pages.&lt;/p&gt;
&lt;h1 class="summary-item" id="data-visualization-content-types"&gt;&lt;a href="#data-visualization-content-types"&gt;Data Visualization Content Types&lt;/a&gt;&lt;/h1&gt;
&lt;div class="wp-caption aligncenter" id="attachment_1316" style="width: 570px"&gt;&lt;img alt="Dataset page JEO" aria-describedby="caption-attachment-1316" class="wp-image-1316" decoding="async" height="351" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-02-%C3%A0s-16.32.25.png" width="560"/&gt;&lt;p class="wp-caption-text" id="caption-attachment-1316"&gt;The dataset page on the geojournalism site InfoAmazonia. All the sources, files to download and descriptions are directly edited at the JEO WordPress theme&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;&lt;em&gt;Layer&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;JEO’s layer content type provides the space to add a spatial data source into the JEO database for use in dataset pages and stacked to make maps. It is important to note that JEO does not have the ability to host &lt;a href="https://www.mapbox.com/guides/how-web-maps-work/" target="_blank"&gt;map tiles&lt;/a&gt; but rather links to external tile servers using APIs, open source standards such as WMS and the javascript library leaflet.js (through the services of &lt;a href="https://www.mapbox.com/" target="_blank"&gt;MapBox&lt;/a&gt; and &lt;a href="https://cartodb.com/" target="_blank"&gt;CartoDB&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;On the layer content type you define the topical categories, create a layer legend, and link to dataset pages.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Map &lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-03-%C3%A0s-07.27.32.png"&gt;&lt;img alt="Maps JEO" class="aligncenter size-full wp-image-1323" decoding="async" height="314" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-03-%C3%A0s-07.27.32.png" width="755"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;JEO’s maps are created by stacking one or more custom thematic layers on top of a basemap. The Maps Content Type is there location where layers are named and organized. This is done by configuring the “Maps Setup” section of the form.&lt;/p&gt;
&lt;p&gt;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 by adding layer content as previously described.&lt;/p&gt;
&lt;p&gt;For more information on how to use the maps content type see the detailed tutorial: Making Maps with JEO:&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Map Group&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;This content type bundles published maps content into the tabbed user-interface typical of the homepage or news section of a GeoJournalism site. This feature is useful for site that have many maps and want to provide the opportunity to create a narrative series of maps or a selection different topics.&lt;/p&gt;
&lt;p&gt;For more information on how to use the map groups content type see also JEO, First Steps&lt;/p&gt;
&lt;h1 class="summary-item" id="narrative-content-types"&gt;&lt;a href="#narrative-content-types"&gt;Narrative Content Types&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;em&gt;Post (Story)&lt;/em&gt;&lt;br/&gt;
The post content type is the section most familiar to regular users of a content management system (CMS). This is the section where you can add news items and geolocate them using JEO’s mapping tools.&lt;/p&gt;
&lt;p&gt;When adding a new story to a JEO site it is important to add information about the publisher, the story category, the map(s) it should be displayed on, and its location. This metadata is quite important for maintaining the search features of the websites and the ability to syndicate stories using JEO’s Stories API.&lt;/p&gt;
&lt;p&gt;There are a number of content editing and formatting details that are covered in the following tutorial: &lt;strong&gt;&lt;a href="https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/"&gt;Jeo: First Steps&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Markers Icons&lt;/em&gt;&lt;br/&gt;
Stories appear on JEO maps as point icons that can be interacted with upon rollover for pop-ups or as links to the full story. If you have many unique categories on posts it is possible to create custom icons to differentiate between post types.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-03-%C3%A0s-07.43.12.png"&gt;&lt;img alt="Captura de Tela 2015-02-03 às 07.43.12" class="aligncenter size-full wp-image-1325" decoding="async" height="488" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2015/02/Captura-de-Tela-2015-02-03-%C3%A0s-07.43.12.png" width="814"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Pages&lt;/em&gt;&lt;br/&gt;
The pages content type creates long-term content such as landing pages or thematic issue briefings that don’t change often but are important. In contrast with the posts content type, pages lack many of the modals (fields) for adding metadata.&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/2015/02/using-jeos-content-type/"&gt;Using JEO’s Content Type&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>1292</ns2:post-id>	</item>
		<item>
		<title>Mixing shapefiles and comma-separated files in QGIS</title>
		<link>https://geojournalism.org/2014/10/mixing-shapefiles-and-comma-separated-files-in-qgis/</link>
		
		<dc:creator>Vitor George</dc:creator>
		<pubDate>Mon, 13 Oct 2014 22:03:57 +0000</pubDate>
				<category>Data</category>
		<category>Maps</category>
		<category>Visualization</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=1078</guid>

					<description>&lt;p&gt;Introduction The Comma Separated File format, or just CSV, especifies a data type store in a tabular manner. Each line represent a record, and each field is delimited by a comma or another separator character. This format is accepted by popular tools like Excel, LibreOffice and Google Docs, and by most of programming languages. In [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/10/mixing-shapefiles-and-comma-separated-files-in-qgis/"&gt;Mixing shapefiles and comma-separated files in QGIS&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;div&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;The &lt;em&gt;Comma Separated File &lt;/em&gt;format, or just CSV, especifies a data type store in a tabular manner. Each line represent a record, and each field is delimited by a comma or another separator character. This format is accepted by popular tools like Excel, LibreOffice and Google Docs, and by most of programming languages. In this tutorial, we are going to learn how to generate a cloropeth map of income of São Paulo residents in QGIS, using a shapefile and a csv file.&lt;/p&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="preparation"&gt;&lt;a href="#preparation"&gt;Preparation&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;We are going to use data from &lt;a href="https://censo2010.ibge.gov.br/resultados" target="_blank"&gt;2010 Brazilian Census&lt;/a&gt; made by &lt;a href="https://www.ibge.gov.br/"&gt;IBGE&lt;/a&gt;. Download this &lt;a href="https://geojournalism.org/?attachment_id=1085" target="_blank"&gt;file&lt;/a&gt; and expand it at a local directory.&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Download and install &lt;a href="https://qgis.org/en/site/forusers/download.html" target="_blank"&gt;QGIS&lt;/a&gt;. This tutorial uses version 2.2, but it is possible to follow the steps using 2.0 version.&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="building-the-map"&gt;&lt;a href="#building-the-map"&gt;Building the map&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;Open QGIS and add a vector layer from file &lt;em&gt;censo-2010-sp-setores.shp:&lt;/em&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-1-en.gif"&gt;&lt;img alt="passo-1-en" class="aligncenter wp-image-1114" decoding="async" height="402" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-1-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Add a delimited layer from file &lt;em&gt;censo-2010-sp-stats.csv:&lt;/em&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-2-en.gif"&gt;&lt;img alt="passo-2-en" class="aligncenter wp-image-1115" decoding="async" height="545" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-2-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Join the files by specifying a key field at shapefile properties:&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-3-en.gif"&gt;&lt;img alt="passo-3-en" class="aligncenter wp-image-1116" decoding="async" height="493" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-3-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;This union allow creating a style based on csv file data:&lt;/div&gt;
&lt;div&gt; &lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-4-en.gif"&gt;&lt;img alt="passo-4-en" class="aligncenter wp-image-1106" decoding="async" height="645" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-4-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="the-resulting-map"&gt;&lt;a href="#the-resulting-map"&gt;The resulting map&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;Now you can add a legend and export the map to have a result like this:&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png"&gt;&lt;img alt="mapa" class="aligncenter wp-image-1108" decoding="async" height="650" loading="lazy" sizes="auto, (max-width: 460px) 100vw, 460px" src="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png" srcset="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png 1240w, https://geojournalism.org/wp-content/uploads/2014/06/mapa1-212x300.png 212w, https://geojournalism.org/wp-content/uploads/2014/06/mapa1-724x1024.png 724w" width="460"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&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/2015/02/IMG_20140611_130510_-2594441642.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;a href="https://www.twitter.com/vitor_george" target="_blank"&gt;&lt;strong&gt;Vitor George&lt;/strong&gt;&lt;/a&gt; is a transportation engineer, &lt;a href="https://www.github.com/vgeorge" target="_blank"&gt;programmer&lt;/a&gt; and specialist in open data and geo technologies for the web. He coordinates &lt;a href="https://codigourbano.org"&gt;Código Urbano&lt;/a&gt; and is a collaborator of &lt;a href="https://www.infoamazonia.org"&gt;InfoAmazonia&lt;/a&gt;.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt; &lt;!-- .author-shortcodes --&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&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/10/mixing-shapefiles-and-comma-separated-files-in-qgis/"&gt;Mixing shapefiles and comma-separated files in QGIS&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>1078</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>JEO: first steps</title>
		<link>https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/</link>
		
		<dc:creator>pixel</dc:creator>
		<pubDate>Tue, 03 Jun 2014 23:29:08 +0000</pubDate>
				<category>Apps</category>
		<category>Maps</category>
		<category>jeo</category>
		<category>wordpress</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=931</guid>

					<description>&lt;p&gt;Introduction Jeo is a WordPress theme that acts as an online platform for geojournalism and allows publication of news articles as layers of information on digital maps. With Jeo, creating interaction between the layers of data and contextual information is much more intuitive. The theme is developed to be a base of &amp;#160;child themes&amp;#160;and is [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/"&gt;JEO: first steps&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;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Jeo is a WordPress theme that acts as an online platform for geojournalism and allows publication of news articles as layers of information on digital maps. With Jeo, creating interaction between the layers of data and contextual information is much more intuitive. The theme is developed to be a base of  &lt;i&gt;child themes&lt;/i&gt; and is ready for multilingual content and facilitates publication tasks. &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;In this tutorial we will cover the installation of the theme, the publication of a map, the publication of a post, and configurations for Jeo. &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="history"&gt;&lt;a href="#history"&gt;History&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The  &lt;/span&gt;&lt;/span&gt;&lt;a href="https://infoamazonia.org/" target="_blank"&gt;InfoAmazonia&lt;/a&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;  project was created in 2012, with the objective of aggregating data and news about the Amazon rainforest. Initially, updating the site was complex. With the goal of planning the development of the site, &lt;/span&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;we carried out a study which at the end of the year concluded that the best alternative in the long term to substitute the software was to develop a theme for WordPress. After the theme was developed and the new site was launched, we decided to generalize the theme to facilitate the use of other people to create their own sites with maps. &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="instalation"&gt;&lt;a href="#instalation"&gt;Instalation &lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;You need to have WordPress installed on your server. Next we will show you two ways to install Jeo. 
			&lt;/span&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;
			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;/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://github.com/oeco/jeo"&gt;Download&lt;/a&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt; Jeo on GitHub by clicking on “Download ZIP” on the right sidebar. If you know how to use git, see instructions &lt;/span&gt;&lt;/span&gt;&lt;a href="https://oeco.github.io/jeo/"&gt;here&lt;/a&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;. &lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="jeo-inst-1github" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-1github-1024x575.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			In Appearence &amp;gt; Themes, go to the tap “Install Themes” and choose “Upload”.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="jeo-inst-2upload" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-2upload-1024x575.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Upload the file you just downloaded and activate the theme.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="jeo-inst-3ativate" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-3ativate-1024x575.png"/&gt;&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;h1 class="summary-item" id="publishing-a-map"&gt;&lt;a href="#publishing-a-map"&gt;Publishing a Map&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
			&lt;/span&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;
			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;/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;
			Vá em “Maps &amp;gt; Add new map”.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1.png"&gt;&lt;img alt="screenshot1" class="alignnone size-large wp-image-1056" decoding="async" height="522" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-1024x522.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-1024x522.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot1.png 1286w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Define a name and description for your map.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21.png"&gt;&lt;img alt="screenshot2" class="alignnone size-large wp-image-1054" decoding="async" height="524" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-1024x524.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-1024x524.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot21.png 1288w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The section “Map Settings” is divided into 2 parts.&lt;/span&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;In the first area you can define the server which will provide the &lt;/span&gt;&lt;/span&gt;&lt;em&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;base layer&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt; in a drop-down list. Once you choose a server, the URL address under the list will be altered to &lt;/span&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;the server’s &lt;/span&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;default. &lt;/span&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The base layer is the layer which remains under all of the others, and can be chosen from OpenStreetMap, Mapquest OpenStreetMap, Mapquest Satellite, Stamen Toner, Stamen Watercolour, Stamen Terrain, Other (used for when you have your own tilelayer URL), or None (in case you don’t want to use a base layer, or want to use one from MapBox or CartoDB).&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;To add 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”. &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Inside the box that is created you’ll see 3 options:es:&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&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;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&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;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Layer options. The layers can be:&lt;/span&gt;&lt;/span&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Fixa – &lt;/span&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;use this if you don’t want to allow the viewer to turn off the layer.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Switchable – when you want that the viewer to be able to switch the layer on and off.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Swapable – when you would like to permit a choice between a set of layers.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The order of superposition of the layers is from bottom to top, in other words, the higher the layer on the administration screen, the higher its priority over the the others. It will be displayed on top of the layers below it on the list.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3.png"&gt;&lt;img alt="screenshot3" class="alignnone size-large wp-image-1055" decoding="async" height="520" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-1024x520.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-1024x520.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-300x152.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot3.png 1292w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Remaining in the “Map Configurations”, in the lower area of the map, you can define:&lt;p&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The center and initial zoom.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The minimum and máximum zoom.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The limits for navegation of the map.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;If you want, you can nevegate 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 navegation limits”.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;On the lower part, it is possible to: &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Turn off the possibility of using the mouse or touchpad to change the zoom&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Turn on a filter, permitting that the visitors choose the start and end date of the posts which they wish to see &lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Turn on a search field on the map&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4.png"&gt;&lt;img alt="screenshot4" class="alignnone size-large wp-image-1057" decoding="async" height="521" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-1024x521.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-1024x521.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-300x152.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot4.png 1291w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Now publish!&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="jeo-mapa-4publicado" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-mapa-4publicado-1024x575.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&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;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Since its the first map you have criated, it automatically goes to the home page of the site. For this all the future maps you publish, a page is automatically created for the individual map.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="publishing-a-post"&gt;&lt;a href="#publishing-a-post"&gt;Publishing a post&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
			&lt;/span&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;
			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;/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;
			Go to “Post” &amp;gt; “Add new”.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5.png"&gt;&lt;img alt="screenshot5" class="alignnone size-large wp-image-1058" decoding="async" height="527" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-1024x527.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-1024x527.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot5.png 1288w" width="1024"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Write your title and add content.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6.png"&gt;&lt;img alt="screenshot6" class="alignnone size-large wp-image-1059" decoding="async" height="525" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-1024x525.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-1024x525.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot6.png 1289w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Define the coordinates.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Observe that there is a search box. In example below, you can see a search for “Bangalore”.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7.png"&gt;&lt;img alt="screenshot7" class="alignnone size-large wp-image-1060" decoding="async" height="527" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-1024x527.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-1024x527.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot7.png 1286w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Determine the maps on which the post will appear.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8.png"&gt;&lt;img alt="screenshot8" class="alignnone size-large wp-image-1061" decoding="async" height="528" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-1024x528.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-1024x528.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot8.png 1274w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			Now Publish your post!&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt="jeo-post-5publicado" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-post-5publicado-1024x575.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&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;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Verify is you can see the post on the map. It may be necessary to click on “Clear GeojSON Cahce” on the toolbar. &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="setting-up-the-site"&gt;&lt;a href="#setting-up-the-site"&gt;Setting up the site&lt;/a&gt;&lt;/h1&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Go to “Appearance &amp;gt; Jeo Settings”&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;The Settings should be self-explanatory. If you don’t understand one of the settings,  &lt;a href="https://github.com/oeco/jeo/issues"&gt;write to us&lt;/a&gt; (click on “New Issue”)!&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
			&lt;/span&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;
			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;
			Go to “Appearence &amp;gt; Jeo Settings”.&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9.png"&gt;&lt;img alt="screenshot9" class="alignnone size-large wp-image-1062" decoding="async" height="526" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-1024x526.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-1024x526.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot9.png 1279w" width="1024"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;
		&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			The Settings should be self-explanatory. If you don’t understand one of the settings,  &lt;a href="https://github.com/oeco/jeo/issues"&gt;write to us&lt;/a&gt; (click on “New Issue”)!&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10.png"&gt;&lt;img alt="screenshot10" class="alignnone size-large wp-image-1063" decoding="async" height="512" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-1024x512.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-1024x512.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-300x150.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot10.png 1292w" width="1024"/&gt;&lt;/a&gt;&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;h1 class="summary-item" id="next-steps"&gt;&lt;a href="#next-steps"&gt;Next Steps&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style="color: #333333;"&gt;&lt;span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"&gt;Congratulations, you have your first site with Jeo! Now it is time to &lt;a href="https://github.com/oeco/jeo"&gt;go to GitHub&lt;/a&gt; and copy the code to create your own child theme.&lt;/span&gt;&lt;/span&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/2014/06/pixelpic.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			pixel started his VJ career in 2002. He’s director of memeLab and founding member of Garoa Hacker Clube. In addition to audiovisual performances, develops multimedia works that question the relationship between people and digital technologies, by the use of open technologies and / or pervasive where the people assumes the role of author. He made performances in over 15 states and 4 other countries. Among his recent projects are the research Criaturas Afetivas that uses mathematical models for understanding love, and Jandig where artists, developers, curators and audience mix their roles in creating TAZes in augmented reality.
		&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/2014/06/portugues-jeo-primeiros-passos/"&gt;JEO: first steps&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>931</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>
	</channel>
</rss>