{"id":247,"date":"2015-05-21T11:08:51","date_gmt":"2015-05-21T11:08:51","guid":{"rendered":"http:\/\/transnationalhistory.net\/mapping\/?page_id=247"},"modified":"2023-08-29T15:13:38","modified_gmt":"2023-08-29T15:13:38","slug":"advanced","status":"publish","type":"page","link":"https:\/\/transnationalhistory.net\/mapping\/tutorials\/pointvectorlayers\/advanced\/","title":{"rendered":"One Step Further: More Icons &#038; Labels"},"content":{"rendered":"<p><strong>MORE ICONS<\/strong><\/p>\n<p>The choice of icons in the main tutorial was not very extensive. \u00a0In this bonus tutorial we will see how to access more icons.<\/p>\n<p>Come back to\u00a0the <strong>Properties<\/strong> &gt; <strong>Style<\/strong> of your point vector layer. Click on <strong>Simple marker<\/strong>, along which your current icon is. Under\u00a0<strong>Symbol layer type<\/strong>, select <b>SVG marker<\/b>.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-marker.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-248 size-full aligncenter\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-marker-e1432204691315.jpg\" alt=\"2 svg marker\" width=\"700\" height=\"259\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A much more diverse collection of icons pops up. You are now able to choose among all the usual icons you find on Google Maps or Earth. You can of course edit their style\/colour.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-markers.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-249\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-markers.jpg\" alt=\"2 svg markers\" width=\"524\" height=\"269\" srcset=\"https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-markers.jpg 524w, https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-svg-markers-300x154.jpg 300w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I am picking a random cross icon. You will also be able to add your own .SVG files, or open-source icons you will have found on <a href=\"https:\/\/commons.wikimedia.org\/wiki\/Category:Icons\" target=\"_blank\" rel=\"noopener\">Wikimedia Commons<\/a> for instance.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-new-icons1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-331 size-full\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-new-icons1.jpg\" alt=\"\" width=\"700\" height=\"390\" srcset=\"https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-new-icons1.jpg 700w, https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-new-icons1-300x167.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p><strong>MORE LABELS<\/strong><\/p>\n<p>You may\u00a0also\u00a0want (or need) additional labels which depict typical areas or points of the globe (e.g. the Atlantic Ocean, the Alps, etc.). Natural Earth Data, once again, has a great collection. Let&#8217;s pick, for instance, <a href=\"http:\/\/www.naturalearthdata.com\/downloads\/10m-physical-vectors\/10m-physical-labels\/\" target=\"_blank\" rel=\"noopener\">labels for physical areas<\/a>.<\/p>\n<p>When inserting that layer, something rather strange happened.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-odd-label-layer.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-251 size-full\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-odd-label-layer-e1432205420282.jpg\" alt=\"2 odd label layer\" width=\"700\" height=\"408\" \/><\/a><\/p>\n<p>Do not worry, this is due to two things:<\/p>\n<ol>\n<li>the purple colour shows &#8211; roughly &#8211; the areas that will be depicted by the labels<\/li>\n<li>the labels have not been activated yet<\/li>\n<\/ol>\n<p>To solve problem number 1 we need to make the layer transparent. Go to the layer&#8217;s <strong>Properties<\/strong>, then under Style, drag the transparency bar to 100% then click\u00a0<strong>OK<\/strong>.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-transparency.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-252\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-transparency.jpg\" alt=\"2 transparency\" width=\"663\" height=\"117\" srcset=\"https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-transparency.jpg 663w, https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-transparency-300x53.jpg 300w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/a><\/p>\n<p>Your normal map is back.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-layername.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-253\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-layername.jpg\" alt=\"2 layername\" width=\"444\" height=\"124\" srcset=\"https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-layername.jpg 444w, https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-layername-300x84.jpg 300w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/a><\/p>\n<p>Now to solve problem number 2, you need to activate the labels, as you did in the main tutorial for your Grand Tour cities. Under\u00a0<strong>Properties<\/strong>, then\u00a0<strong>Labels<\/strong>, click on\u00a0<strong>Label this layer with<\/strong> and choose which category you wish to display. In this case, the only one relevant is\u00a0<strong>name<\/strong>.<\/p>\n<p>After some style changes and once you have clicked\u00a0<strong>OK<\/strong>, your label finally appear on the map.<\/p>\n<p><a href=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-final-map-with-extra-layers1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-332 size-full\" src=\"http:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-final-map-with-extra-layers1.jpg\" alt=\"\" width=\"629\" height=\"471\" srcset=\"https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-final-map-with-extra-layers1.jpg 629w, https:\/\/transnationalhistory.net\/mapping\/wp-content\/uploads\/2015\/05\/2-final-map-with-extra-layers1-300x225.jpg 300w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/a><\/p>\n<p>In this map, there may be too many of these labels: you will be able to sort them once you have learnt how to <a href=\"http:\/\/transnationalhistory.net\/mapping\/tutorials\/performing-queries\/\">perform queries<\/a>.<\/p>\n<p>Equally, as the labels are depicting mountain ranges, you might consider\u00a0adding a terrain layer.<\/p>\n<p>&nbsp;<\/p>\n<p>Last update: 28 May 2015 on QGIS 2.8.1 Wien.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/transnationalhistory.net\/mapping\/tutorials\/pointvectorlayers\/\">Back to Tutorial 2: Point Vector Layers<\/a>\u00a0| <a href=\"http:\/\/transnationalhistory.net\/mapping\/tutorials\/shapefiles\/\">Next tutorial: Finding and Editing Shapefiles<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>MORE ICONS The choice of icons in the main tutorial was not very extensive. \u00a0In this bonus tutorial we will see how to access more icons. Come back to\u00a0the Properties &gt; Style of your point vector layer. Click on Simple marker, along which your current icon is. Under\u00a0Symbol layer type, select SVG marker. &nbsp; A [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":25,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":1,"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/pages\/247\/revisions\/599"}],"up":[{"embeddable":true,"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"https:\/\/transnationalhistory.net\/mapping\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}