Maps & images from NYPL

Some great images of old street scenes from NYC   http://publicdomain.nypl.org/fifth-avenue/

Overview of open domain images from NYPL:  http://www.theverge.com/2016/1/6/10723680/nyc-library-public-domain-images-digital

And a tutorial on digitizing maps, and page for NYPL Labs

Excel Power Map add-in

Directions:


Microsoft Power Map for Excel 2013 is a three-dimensional (3-D) data visualization tool that lets you look at information in new ways.

With Power Map, you can plot geographic and temporal data on a 3-D globe, show it over time, and create visual tours you can share with other people.

• Map data    Plot more than a million rows of data visually on Bing maps in 3-D format from an Excel table or Data Model in Excel.

• Discover insights    Gain new understandings by viewing your data in geographic space and seeing time-stamped data change over time.
• Share stories    Capture screenshots and build cinematic, guided video tours you can share broadly, engaging audiences like never before. 

You’ll find the Map button in the Tours group on the Insert tab of the Excel ribbon, as shown in this picture.

Download:
http://www.microsoft.com/en-us/download/details.aspx?id=38395

NYC historical maps

NYPL has made historical maps available.

Last week, the New York Public Library released twenty thousand maps from its extensive collection, which includes more than four hundred thousand sheets and twenty thousand books and atlases, as free, high-resolution digital downloads. In announcing the newly accessible maps, the N.Y.P.L. explained that the holding includes more than a thousand maps of New York City from the seventeenth century to the twentieth century, “which detail transportation, vice, real estate development, urban renewal, industrial development and pollution, political geography among many, many other things.” Maps like these can be used to help historians visualize phenomena that have shaped the city. For example, they show how ethnic enclaves shifted as Italian, Jewish, and Chinese immigrants traded places in lower Manhattan or how Manhattan’s shoreline has grown outward, as a result of infill and real-estate speculation, creating new parts of the city where before there was only water.

From NewYorker

Directions to Library - Geolocation

This uses Google Maps API to detect location of mobile device, and then show map & directions to one fixed location, like a library branch.


First add this line:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true">
</script>

Second add these functions:

<script>
 (function () {
  var directionsService = new google.maps.DirectionsService(),
   directionsDisplay = new google.maps.DirectionsRenderer(),
   createMap = function (start) {
    var travel = {
      origin : (start.coords)? new google.maps.LatLng(start.lat, start.lng) : start.address,
      destination :"38.936165,-76.996363",
      travelMode : google.maps.DirectionsTravelMode.DRIVING
      // Exchanging DRIVING to WALKING above can prove quite amusing :-)
     },
     mapOptions = {
      zoom: 10,
      // Default view: lat & lng of center of map, CUA Law School
      center : new google.maps.LatLng(38.936165,-76.996363),
      mapTypeId: google.maps.MapTypeId.ROADMAP
     };
    map = new google.maps.Map(document.getElementById("map-image"), mapOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById("map-directions"));
    directionsService.route(travel, function(result, status) {
     if (status === google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(result);
     }
    });
   };

    // Check for geolocation support 

   if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
      // Success!
      createMap({
       coords : true,
       lat : position.coords.latitude,
       lng : position.coords.longitude
      });
     }, 
     function () {
      // Gelocation fallback: If can not get location
      createMap({
       coords : false,
       address : "3600 John McCormack Rd., NE Washington DC 20064"
      });
     }
    );
   }
   else {
    // No geolocation fallback: Defaults CUA LAW
    createMap({
     coords : false,
     address : "3600 John McCormack Rd., NE Washington DC 20064"
    });
   }
 })();
</script>
<div id="map-container">
<div id="map-image">&nbsp;</div>
<div id="map-directions">&nbsp;</div>
</div>

Styles to make to control look and feel:

<p><style type="text/css"> 
        #map-container {
            overflow: hidden;
        }
        #map-image {
            width: 500px;
            height: 400px;
            margin:auto;
            
            
        }
        #map-directions {
            width: 500px;
            margin:auto;
            background:#FFF;
            
        }
    </style></p>

How to do the same thing with other mapping services:

Bing