Showing posts with label Leaflet. Show all posts
Showing posts with label Leaflet. Show all posts

Tuesday, November 8, 2022

Mapping Icelandic Earthquakes


I similar this map of Icelandic Earthquakes. The map itself isn't genuinely rendered real good exactly it is an interesting visualization of earthquakes inward Republic of Iceland since 1995.

Icelandic Earthquakes uses d3.js alongside the Leaflet mapping library. The map is from the National Land Survey of Iceland, which provides swell topographical information. However Icelandic Earthquakes does highlight i of the problems of using map tiles generated from newspaper maps, inward that the map loses resolution when zoomed out.

Where the map is genuinely practiced inward is inward the reach the user has inward visualizing the earthquake data. It is possible to refine the earthquake information shown on the map past times date, past times magnitude in addition to past times depth. It is too possible to refine the agency the earthquake polygons are presented on the map past times size, opacity in addition to past times the set out of polygons displayed.

Sunday, November 28, 2021

Mapping Local Democracy


The CityConnect cycle-way volition connect the cities of Bradford as well as Leeds inwards the UK. The CityConnect map non solely shows the road of the cycle-way merely likewise allows Earth to comment on the proposal as well as add together suggestions to the map.

Influenza A virus subtype H5N1 map of the road is the perfect platform to solicit the views of residents to the proposed cycle-way. Users tin click anywhere on the map as well as exit comments. Other residents tin therefore vote on the comments as well as add together their ain views.

When users add together a marking to the map they tin shout out for whether they are a resident, a car driver, a pedestrian or a cyclist. The comments therefore far include suggestions close how the novel cycle-way could connect to existing cycle paths, indications of where unsafe junctions need to endure considered as well as the concerns of local residents to the disruption caused past times possible traffic congestion.

Wednesday, November 24, 2021

The Racial Dotmap - Business Office Two


The Racial Dot Map was i of my favorite Google Maps of final year. It is at i time likewise possible to persuasion the same information overlaid on an OpenStreetMap.

The Racial Dot Map is a fascinating visualization of the geographic distribution, population density, in addition to racial multifariousness of the USA. The map uses information from the 2010 U.S. of A. of America census, amongst each of the 308,745,538 dots representing the place of i American.


If you lot prefer your underlying map to live on open-sourced in addition to therefore you lot tin mail away at i time persuasion the information on a Leaflet.js OpenStreetMap, called the Racial Dotmap Site.

Sunday, October 31, 2021

Mapping Icelandic Earthquakes


I similar this map of Icelandic Earthquakes. The map itself isn't genuinely rendered real good exactly it is an interesting visualization of earthquakes inward Republic of Iceland since 1995.

Icelandic Earthquakes uses d3.js alongside the Leaflet mapping library. The map is from the National Land Survey of Iceland, which provides swell topographical information. However Icelandic Earthquakes does highlight i of the problems of using map tiles generated from newspaper maps, inward that the map loses resolution when zoomed out.

Where the map is genuinely practiced inward is inward the reach the user has inward visualizing the earthquake data. It is possible to refine the earthquake information shown on the map past times date, past times magnitude in addition to past times depth. It is too possible to refine the agency the earthquake polygons are presented on the map past times size, opacity in addition to past times the set out of polygons displayed.

Thursday, July 8, 2021

Mapping Holland Inward The Shade


Dynamic The Netherlands Shading is a gorgeous looking map that includes dynamic colina shading based on the engagement in addition to fourth dimension of day. Move the engagement in addition to fourth dimension of hateful solar daytime sliders in addition to y'all tin encounter the colina shading update straight off on the map.

The dynamic colina shading is powered past times a combination of MapBox's dynamic hillshading in addition to the SunCalc library.


The F4 Map is closed to other gorgeous map where the shadows on the map display inward real-time in addition to reverberate the set of the sun, hence moving throughout the day. The map likewise includes 3d buildings in addition to trees.

Here's a picayune navigation tip: purpose the ctrl fundamental alongside the upward in addition to downward arrow keys on your keyboard to alter the angle of the map. 

Tuesday, July 6, 2021

Show Me The Coin Map


Last calendar week I mentioned Bjørn Sandvik's weblog post service Showing Zoomify images amongst Leaflet. In the post service Bjørn explains how Zoomify tin easily locomote used to practise map tiles from whatever image. Using Zoomify in addition to Leaflet it is hence possible to plow whatever photograph into a fully interactive digital map.

Some actually uncomplicated only effective examples of Leaflet maps created from Zoomify map tiles tin locomote constitute on Martin John Callanan's The Fundamental Units. The Fundamental Units is a serial of picture maps showing the lowest denomination money from the currencies of a set out of countries.

In other words it is a map of the world's pennies, pesos in addition to cents.

Leaflet Runs The Boston Marathon


The Boston Globe has published an interesting photograph that uses the Leaflet mapping platform to render an interactive graphic of survivors of the bombing of the Boston Marathon.

One twelvemonth later on the tragic bomb explosion at the Boston Marathon, The Boston Globe invited survivors, police, firefighters, EMTs, doctors, nurses as well as runners dorsum to the complete describe on Boylston Street to set for a grouping photo.

The resulting One Year, One City photograph is a powerful testimony to the resilience of the people of Boston. By using the Leaflet mapping platform the Boston Globe has created an interactive photograph which you lot tin lav pan some as well as inwards which you lot tin lav zoom inwards on individuals inwards the picture. You tin lav fifty-fifty click on the people inwards the photograph to larn a petty to a greater extent than well-nigh their sense during end year's tragic events.


NECN.com has likewise used the Leaflet platform to exercise a floor map of the Boston Marathon. The map shows the road of the Boston Marathon as well as includes stories as well as accounts from the individuals, businesses as well as schools that are located along the marathon's route.

The One Year Stronger map tin lav survive navigated yesteryear using the numbers along the bottom of the map. Click on a issue as well as the map pans to a place along the road as well as loads photos, videos as well as text that country the stories of those who alive as well as operate along the road of the Boston Marathon.

Monday, July 5, 2021

An Unpopulated Oestrus Map


I've seen a lot of population estrus maps of the USA over the years - in addition to then it is dainty to come upwardly across a Bizarro version of a population estrus map, a map that genuinely shows where people don't live.

Nobody Lives Here maps unpopulated census blocks inward the USA, the areas where nobody lives. 4,871,270 census blocks, totaling 4.61 i grand m foursquare kilometers, convey no-one living within them. In other words 47 share of the USA remains unoccupied.

Nobody Lives Here is non a vivid online map inward itself. It uses the Leaflet platform to visualize a non-interactive map created past times Nik Freeman. There is aught incorrect amongst Nik's map. However it would convey been dainty to run across the interactive version of the map overlaid on an OpenStreetMap of the USA, amongst a transparency control. This would perish inward easier for us to discovery out a petty to a greater extent than nearly the actual locations of the unpopulated areas shown on the map.

Monday, June 21, 2021

Where To Spotter The Globe Cup


If yous can't move to Brazil to scout the World Cup inwards individual hence your adjacent best bet is to scout the games on TV amongst other fans inwards a lively pub or bar. If yous are going to scout a game inwards a bar hence yous volition in all probability desire to scout it inwards a bar pop amongst fans of 1 of the teams genuinely playing.

Luckily for New Yorkers the New York Times has released a handy map to discovery bars screening the World Cup. Where to Watch the World Cup inwards New York is a Leaflet map of around of the best venues inwards New York where yous tin dismiss scout World Cup games. The map includes a bill of fare that lets yous choose a squad too persuasion the best bars to scout that squad alive on TV.

The map uses the same dandy polygon knockout outcome used past times the New York Times inwards its 101 Places to Find Great Coffee inwards New York. If yous desire to exercise a like looking map I latterly wrote a short explanation virtually how to replicate the blueprint of this map agency amongst the Google Maps API.

Wednesday, June 16, 2021

Germany As Well As Brazil Marking To A Greater Extent Than Goals


The Australian Broadcasting Corporation has created a keen mapped visualization of every finish scored inward every World Cup since 1930. The Every World Cup Goal map reveals that inward modern times Brazil together with Deutschland convey consistently been the close prolific goalscorers inward World Cup tournaments.

The map includes a timeline which allows yous to direct a World Cup twelvemonth together with thence persuasion the pose out of goals scored past times each participating country. The map persuasion displays the pose out of goals scored past times each province during the selected World Cup. Beneath the map yous tin persuasion the pose out of goals scored past times each province for every World Cup.

The map uses divIcon to practice the scaled together with numbered map markers. Markers created amongst divIcon don't role a static ikon together with tin survive styled using CSS. This allows ABC to dynamically practice the scaled numbered markers based on the selected World Cup year.

Wednesday, June 9, 2021

The Underwater Grasses Map


Underwater grasses play an of import business office inwards the ecosystem of the Chesapeake Bay. The Chesapeake Bay Program's finish is to bring 185,000 acres of underwater grasses inwards the Chesapeake Bay.

The Chesapeake Bay Grasses Map is a mapped timeline of Chesapeake Bay grasses from 1984 to 2010, tracking changes inwards the wellness of underwater grasses inwards the Bay over this time. As good every mo the mapped timeline visualization yous tin click on dissimilar locations on the map to thought details on H2O temperature, salinity as well as turbidity inwards the expanse as well as detect out what grass species alive there.

Tuesday, June 8, 2021

Mapping The Etymology Of House Names


Straßenkrieg is a fascinating map revealing the history behind the many Berlin street names which bring a armed services connection. The map highlights Berlin streets which bring been named later battles, of import armed services leaders or High German the world forces regiments.

All the armed services connected roads are highlighted on the map amongst colored lines. The colors signal the historical menses associated amongst the road's name, e.g. Prussian, the Weimar Republic, National Socialism or post-WWII. If you lot pick out a route on the map you lot tin travel read a brief explanation of the armed services relevance of the road's cite in addition to click-through to read a to a greater extent than detailed concern human relationship of the mortal or battle memorialized.


Straßenkrieg reminds me a lot of the History of San Francisco Place Names. The History of San Francisco Place Names is a fascinating insight into the history of the names behind the city's landmarks in addition to streets.

Click on whatever of the streets or landmarks, marked inwards bluish on the map, in addition to you lot tin travel notice out who it was named later or where its cite originally came from.

Link To The Electrical Flow Map View


Stamen Design has released a overnice checklist for creating interactive digital maps. The checklist provides an interesting direct to things you lot powerfulness desire to reckon when designing your ain maps.

Stamen's showtime checkpoint says that, "URLs should comprise as well as hold state, past times default." In other words equally users interact alongside the map the URL should dynamically update to render a deep-link to the electrical flow map view.

This is 1 of those features which I ever hateful to add together to my ain maps as well as never quite hollo back to implement. Influenza A virus subtype H5N1 dynamic URL aids usability, enables users to bookmark the electrical flow map persuasion as well as tin encourage your users to part links to your map alongside their friends.

Stamen render a link to leaflet-hash on Github, which volition enable you lot to easily add together this characteristic to a Leaflet.js map.

If you lot are developing maps using the Google Maps API as well as therefore you lot powerfulness desire to depository fiscal establishment lucifer out geocodezip's Link to This map. This map doesn't genuinely update the URL on the wing merely does render a handy link to the electrical flow map view.

Monday, June 7, 2021

The Supermarket Voronoi Map


I've been seeing a lot of Voronoi diagram maps lately, most of them created with D3.js. For example, Jason Davies has been creating to a greater extent than or less real interesting Voronoi maps with D3.js, including this much shared World Airports Voronoi.

However I haven't seen many attempts silent to purpose a Voronoi diagram with i of the psyche interactive mapping platforms. Chris Zetter has published a real cool tutorial on how you lot tin larn almost Building a Voronoi Map with D3 together with Leaflet. The tutorial is accompanied past times a prove map of Great Britain supermarkets.

The Supermarket Voronoi Map is a map which divides the Great Britain into a issue of regions. Each part contains i supermarket, where all the locations inside each part are closer to that supermarket than whatsoever other.

Using supermarkets for the demonstration map is a bang-up idea, equally it actually helps to choose the usefulness of Voronoi maps. Shoppers tin purpose the map to discovery their nearest supermarket. You tin fifty-fifty select an private chain of supermarket to discovery the nearest branch. For event you lot could purpose the map to discovery your nearest Waitrose.

You tin meet how a Voronoi map could likewise hold out real useful to the Supermarket chains themselves. The larger regions on the map could hold out used (probably amongst a population layer) to position untapped markets together with possible areas for siting novel stores.

Tuesday, June 1, 2021

Putting Cycle Directions On The Map


BikeDistrict is a actually neat trial of providing cycle directions on an interactive map. The application allows yous to search for together with expire cycling directions inward Milan, Italy.

The application returns 3 suggested routes for whatever directions query: 'cycle', 'direct' together with 'safe'. The 'cycle' alternative returns a route which preferences cycle paths together with avoids the roughest roads. Milan has a lot of cobbled streets then selecting the 'cycle' route volition provide a route which tries to avoid the roughest surfaced roads. The 'direct' alternative returns the nearly forthwith route together with the 'safe' alternative volition avoid the nearly traffic busy streets together with volition preference cycle paths.

The staged directions for each route are color coded on the map together with inward the step-by-step instructions to highlight the route weather condition for every phase of the journey. If yous don't similar a detail route inward the suggested directions yous tin pick out it on the map together with BikeDistrict volition automatically route approximately it.

As good every 2d providing cycle directions BikeDistrict tin exhibit the place of all cycle stations (with real-time data on the release of bikes together with docks available), cycle parking locations, drinking fountains, cycle repair shops together with biking related events.

Mapping Colorado Stone Oil Spills


Colorado experiences, on average, 1 fossil oil tumble a day. In sum that is 4,900 spills inwards the end 13 years. The outcome of all those fossil oil spills was the loose of nigh 102 1000000 gallons of oil, drilling fluids in addition to other toxic materials into the environment.

The Western Toxic Release Map shows the place of 13,600 spills inwards Colorado in addition to New United Mexican US betwixt 2000 in addition to 2013. You tin click on whatsoever of the spills displayed on the map to thought the appointment of the tumble in addition to the lay out of gallons spilled. You tin besides click-through to thought the sum Oil Conservation Division study on the spill.

You tin filter the results shown on the map past times twelvemonth or thought the sum fourteen years of fossil oil spills inwards 1 go.

Via: Visual Loop

Sunday, May 30, 2021

How Far Tin Mail Away Yous Travel?


Isocope provides a beautiful mapped visualization of how far you lot tin go past times car inwards a chosen fourth dimension from whatever location inwards the world. You tin fifty-fifty choose the hateful solar daytime together with fourth dimension to sentiment an isochrone sentiment of your fourth dimension restricted go extent.

The map uses the Isoline feature from the Nokia Here Map API to calculate the expanse you lot tin go inwards a given time. You tin sentiment roughly other instance of the Nokia isoline estimator inwards this demo map from Nokia.

Nokia too render roughly other groovy testify map which uses the resulting isochrone polygon from a go fourth dimension search equally the bounding box for a places search. The Isoline Bounding Box Search map is a overnice demonstration of how you lot could role Nokia's isoline estimator to refine searches on a map, for instance you lot could practise a map that allowed users to search for cafes inside a 10 infinitesimal walk of their electrical flow location.

Sunday, May 23, 2021

Ocean Currents, Air Current & Whale Tracking


The Smartmine Whale Tracker is an animated map of whale tracks off the coast of Hawaii. The map animates the recorded tracks of a break of Sperm, Beaked as well as Killer whales as well as equally good allows y'all to persuasion animated sea currents as well as air current on the same map.

The selection to persuasion the animated sea currents as well as the animated whale tracks on the same map is pretty amazing. The map includes a break of base of operations maps, a satellite view, a nautical map as well as a bathymetry map. It equally good includes the selection to filter the map yesteryear whale species as well as yesteryear private whale.


The WWF Species Tracker is a Google Map dedicated to tracking the movements of a break of animals closed to the world. The map includes the tracks of a break of polar bears, marine turtles, yellowfin tuna, bowhead whales, jaguars as well as a narwahl whale.

You tin conduct each private animate beingness on the map as well as non alone persuasion the animal's movements only read a periodical of the animal's drive as well as deportment over the final few months. Each runway includes fourth dimension stamps along its path, allowing y'all to encounter when it passed through each location, as well as a break of 'information' markers providing analysis of the animal's progress.

Friday, May 21, 2021

Mapping Game Worlds Alongside Leaflet

Over the final few years a lot of video game fan websites induce got been publishing interactive mapped guides to game worlds. One means to practice a powerful interactive game the world map is to piece of job the Leaflet mapping platform. To practice this you lot showtime necessitate a static icon map of your game world. You thus necessitate to plough your icon map into map tiles which tin thus hold upwards used alongside the Leaflet platform.

If you lot desire to practice your ain map tiles to piece of job alongside Leaflet.js Zoomable Images alongside Leaflet provides a rattling detailed tutorial explaining how you lot tin use GDAL2Tiles as well as MapTiler to homecoming map tiles from an icon as well as piece of job them alongside the Leaflet mapping platform.

Another pick is to piece of job Zoomify to practice your map tiles. Showing Zoomify Images alongside Leaflet explains how to practice this as well as includes a Leaflet plugin to add together the tiles to your Leaflet map.


The ArcheAge Interactive Map is a map of the game the world used inward the MMORPG ArcheAge. The game the world of ArcheAge consists of iii continents, Haranya, Nuia as well as Auroria.

The map allows you lot to explore all iii continents as well as to stance of import locations inward the game, including Nui's tears, ships, portals, ore, trees as well as animals.

 
DayZDB is simply about other Leaflet powered map of a reckoner game world. DayZ is a multiplayer opened upwards the world survival horror game that takes house inward the fictional post-soviet dry reason of Chernarus.

The DayZDB map includes a issue of options to refine the markers displayed on the map. The map sidebar includes buttons to filter the displayed markers past times Residential, Military, Farm as well as Industrial.

Real-Time Transit Maps Across The Globe


There are other real-time transit maps together with and then at that topographic point is Travic.

What sets Travic apart from other real-time transit maps is its huge coverage across the globe. The Travic map provides animated maps of over seventy transit systems some the world. I was going to listing a few of the cities where you lot tin persuasion transit systems animated on the Travic Leaflet powered map precisely I intend the next screenshot provides a squeamish overview of where Travic operates.


The Travic map uses publicly available GTFS information which has been released past times metropolis transit systems to supply real-time mistaken maps of buses, trains together with trams inwards real-time. Travic likewise uses real-time information where it is available.

Another actually squeamish characteristic of Travic is that if you lot click on an animated vehicle on the map the trouble it is operating on is highlighted on the map together with the vehicle's amount schedule is displayed on a road map, showing the vehicle's fourth dimension of arrival together with divergence at each scheduled stop.