Location Scout R. Richard HobbsLocation Scout Map ResourcesLocation Scout Resource: NYC Film Zone Map Online

Location Scout Resource: NYC Film Zone Map Online

Location Scout Resource: NYC Film Zone Map Online:

Something I have wanted to do for years, as a location scout and location manager, is to have an easily-web-accessible film zone map to use for reference.

Maybe I need to back up a little?

Q: What is the Film Zone?

The “Film Zone(s)” are the boundaries set by several NYC based worker’s unions, guilds, and organizations chapters defining the area(s) in which they will work locally. The radius varies a few miles by organization from a 25 to 30 mile radius generally emanating from Columbus Circle in New York City, NY; for the sake of simplicity I have used the 25 mile zone; if you are inside this zone, presumably, you are safe inside the 30 mile zone as well.

Google Maps Developers Website

 

GPS Visualizer

Thanks to the Google Maps API and GPVisualizer it was pretty easy to create a map with a circle overlay and tweak the html just a little so it would display on my website.

25 and 30 mile radius interactive production zone map with an address search box, emanating from Columbus Circle. 

// This example requires the Places library. Include the libraries=places // parameter when you first load the API. For example: //

function initAutocomplete() { var map = new google.maps.Map(document.getElementById('map'), { center: {lat: 40.768044, lng: -73.982372}, zoom: 9,

})

// Create marker var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(40.768044, -73.982372), title: 'Some location' });

// Add circle overlay and bind to marker var circle = new google.maps.Circle({ map: map, radius: 40233.6, // 25 miles in metres fillColor: '#FF0000', fillOpacity: 0.0, strokeWeight: 3, strokeColor:'#FF0000' }); circle.bindTo('center', marker, 'position');

// Create marker var marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(40.768044, -73.982372), title: 'Some location' });

// Add circle overlay and bind to marker var circle = new google.maps.Circle({ map: map, radius: 48280.3, // 30 miles in metres fillColor: '#FF0000', fillOpacity: 0.0, strokeWeight: 3, strokeColor:'#0000FF'

}); circle.bindTo('center', marker, 'position');

// Create the search box and link it to the UI element. var input = document.getElementById('pac-input'); var searchBox = new google.maps.places.SearchBox(input); map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

// Bias the SearchBox results towards current map's viewport. map.addListener('bounds_changed', function() { searchBox.setBounds(map.getBounds()); });

var markers = []; // Listen for the event fired when the user selects a prediction and retrieve // more details for that place. searchBox.addListener('places_changed', function() { var places = searchBox.getPlaces();

if (places.length == 0) { return; }

// Clear out the old markers. markers.forEach(function(marker) { marker.setMap(null); }); markers = [];

// For each place, get the icon, name and location. var bounds = new google.maps.LatLngBounds(); places.forEach(function(place) { if (!place.geometry) { console.log("Returned place contains no geometry"); return; } var icon = { url: new google.maps.Marker, size: new google.maps.Size(71, 71), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(17, 34), scaledSize: new google.maps.Size(25, 25)

};

// Create a marker for each place. markers.push(new google.maps.Marker({ map: map, icon: icon, title: place.name, position: place.geometry.location }));

if (place.geometry.viewport) { // Only geocodes have viewport. bounds.union(place.geometry.viewport); } else { bounds.extend(place.geometry.location); } });

}); }

Occasionally, Google updates (and improves) their Maps API, it's up to V3. Version 3 would be great if for no other reason than you no longer need a developer key, but there is much more - faster, generally less complex to work with...

App Delegate, Inc. Blog - Matt Williamson

 

Google Maps API V3 Map Markers - Sven Nerberg

Matt Williamson constructed the script that generates the map and circle below, then I figured out how to make the Columbus Circle marker from Sven Nerberg.

You can zoom in / out, switch back and forth from road map view to satellite hybrid view and even use the little Google Street View Man 🙂

The thumbnail of the old map has been left - it was a gold ole map - it was online for about 10 years.

This page may not display correctly in some browsers. If this page does not display correctly, use the following link to the static page:
New York City area 25-mile local film zone map centered at Columbus Circle, Manhattan
Google Map of New York, NY (NYC)

Amazon

Film Locations at Amazon

Google Maps at Amazon