{"id":400,"date":"2019-07-22T10:28:54","date_gmt":"2019-07-22T17:28:54","guid":{"rendered":"https:\/\/blogs.ubc.ca\/dminney\/?p=400"},"modified":"2019-07-22T10:30:11","modified_gmt":"2019-07-22T17:30:11","slug":"web-mapping-with-mapbox","status":"publish","type":"post","link":"https:\/\/blogs.ubc.ca\/dminney\/2019\/07\/22\/web-mapping-with-mapbox\/","title":{"rendered":"Web mapping with MapBox"},"content":{"rendered":"\n<p>Ever since the industrial revolution the world has become ever more  interconnected. As globalization consumes almost every corner of the globe, maps  have been created to show how connected the world is. Using  undersea cables, I attempted to visualize what areas of the world are  connected, especially in a time where so many people are connected to  the internet and can interact with each other across vast distances within seconds.<\/p>\n\n\n\n<p>Although the undersea cable lines are the prominent factor displayed  on the map, it is the background and place names which allow for a  better context and visualization. The ocean is the focus of this map, so  using bathymetry data seemed natural as it was used to present a  visualization of the sea floor, where shallow areas could be expected to  correspond with cable routes. Because this adds a 3-D effect to the  map, I felt it was important to continue this over to land areas by  using a hill shade layer. However, I didn\u2019t want these features to stand out too much, so the intensity was lowered. Additionally, a wavy  texture was added to the bathymetry layer to provide more texture, as  well as providing more visual importance.<\/p>\n\n\n\n<p>Visually, muted colours were used for most of the map, with the \nbrightest colours used for the cable routes and cable landing stations. \nThe obvious colour of blue was given to the bathymetry layer, and the \nintensity of the colours was designed to increase as you zoomed in, \ngiving more depth and contrast between the seafloor elevation levels. \nUndersea cable lines and landing stations were also designed to decrease\n in size when zoomed out to prevent clustering. Contrasting this, \nzooming in increases the size which makes it easier to see. Place names \nwere also adapted to appear and disappear over different zoom levels. \nOverall, the map could be improved by using more dynamic data, such as \ndifferent colour for types or lengths of cables. Change over time in the\n amount of cables would also provide an interesting visualization, if \nthe data exists.<\/p>\n\n\n\n<p>The map can be viewed <a href=\"https:\/\/api.mapbox.com\/styles\/v1\/geogdmin\/cjrsvdfmk0ng01gqrp7embz0e.html?fresh=true&amp;title=true&amp;access_token=pk.eyJ1IjoiZ2VvZ2RtaW4iLCJhIjoiY2pyNGhidzVuMDN1MzN5cGhkdWphMmFqaiJ9.ZiS0B_-XXYHuYpIIZH5nfQ#1.77\/21.5\/-164.6\">here<\/a> <\/p>\n\n\n\n<p>The stylesheet json file can be seen <a href=\"https:\/\/raw.githubusercontent.com\/UBC-GEOB472-Spring2019\/dminney-web\/master\/Lab%201%20-%20Web%20Mapping\/style.json\">here<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever since the industrial revolution the world has become ever more interconnected. As globalization consumes almost every corner of the globe, maps have been created to show how connected the world is. Using undersea cables, I attempted to visualize what areas of the world are connected, especially in a time where so many people are connected to the internet and can interact with each other across vast distances within seconds. Although the undersea cable lines are the prominent factor displayed on the map, it is the background and place names&#8230;<a class=\"read-more\" href=\"https:\/\/blogs.ubc.ca\/dminney\/2019\/07\/22\/web-mapping-with-mapbox\/\">read more<\/a><\/p>\n","protected":false},"author":44054,"featured_media":402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1416540],"tags":[],"class_list":["post-400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cartography","et-bg-layout-dark","et-white-bg"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/posts\/400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/users\/44054"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/comments?post=400"}],"version-history":[{"count":3,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/posts\/400\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/posts\/400\/revisions\/404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/media\/402"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/media?parent=400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/categories?post=400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ubc.ca\/dminney\/wp-json\/wp\/v2\/tags?post=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}