Overlaying Parcel Boundaries on Bing Maps

Digital Map Products ParcelStream and Bing Maps In coordination with Digital Map Products (DMP), developers can now easily overlay over 100 million US parcels to more easily identify boundaries between properties. Using a simple, native method in Bing Maps and DMP’s ParcelStream API with just 7 lines of code (yes, SEVEN) you can tap into this wonderful trove of parcel information. So, how is it done? Luckily, DMP even provides code samples and working applications that you can just copy, paste and run.

Digital Map Products ParcelStream and Bing Maps The sample below uses both Bing Maps Platform APIs (AJAX) and DMP’s ParcelStream API. To walk you through the logic…you’ll first load both APIs by linking through JavaScript script tags. You’ll instantiate the Bing Map control (LoadMap()), then assign the parcels’ via DMP’s API onto a map tile layer (layer = new Dmp.Layer.TileLayer()), and overlay the layer onto Bing Maps (addLayer()). The sample includes a toggle button and navigation which are optional by provide additional benefits to the user.

<html>
<head>
    <title>Adding Parcel Tile Layer with DMP API</title>
    <link href=”http://spatialstream.com/samples/css/Style.css” rel=”STYLESHEET” type=”text/css” />
    <script src=”http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2″ type=”text/javascript”></script>
    <script src=”http://parcelstream.com/api/DmpApi.aspx?map=Bing&host=parcelstream.com/&v=3″ type=”text/javascript”> </script>
    <script type=”text/javascript”>
    var layer = null;
    var map = null;
    window.onload = function() {
        //Instantiate Bing Map instance
        map = new VEMap(‘myMap’);
        map.SetDashboardSize(VEDashboardSize.Tiny);
        map.LoadMap(new VELatLong(33.85, -117.8), 17, VEMapStyle.Aerial);
        Dmp.Env.Connections[“SS”].init(“/dc1/_T80/219e3105-167c-4538-b449-2c8dddadb09d”);
        layer = new Dmp.Layer.TileLayer(“ParcelTiles”, “SS”, “Dmp_License/ParcelTiles”, {zoomRange:{min:16,max:20}});
        map.addLayer(layer);
    };   //window.onload
    function toggleLayer()
    {
        layer.attr(“visibility”, document.getElementById(‘toggleLayer’).checked);
    }
    </script>
</head>
<body>
    <h2>
        Adding Parcel Tile Layer with DMP API</h2>
    <p>
        Parcel boundary lines are displayed on the map below as a tile layer. Click the
        Toggle Layer box to turn off/on
        <br />
        the parcel lines tile layer.</p>
    <input id=’toggleLayer’ type=’checkbox’ name=”Toggle Layer” checked=’checked’ onclick=’toggleLayer()’ />Toggle
    Layer
    <div id=”myMap”>
    </div>
</body>
</html>

 

That’s it! I’m not sure they could’ve made it any easier. Developers can create a free 30 day account with DMP to test it out and considering it takes all of 5 minutes to create an app you’ll have 43,195 more minutes to convince your CTO to easily add parcel layers atop your Bing Maps application. The code above requires registration associated with your domain, so if it doesn’t run for you it’s because I’m using my key and you need to get your own.

Obviously, this will also work with the Silverlight control as a tile layer too, so if your preference is to use the Bing Maps Silverlight control you can reference the DMP API’s and pull the parcel layers into the Deep Zoom experience.

Of note, the Bing Maps team will be at the Inman Connect Real Estate Conference July 13 – 15 in case you want to talk shop. We have 3 speaking sessions for you to learn about Bing Maps.

Follow me @BingMaps, ^CP

Join the conversation

3 comments
  1. GirlyGirl

    Hey, there's my house. Just kidding! Great that Bing is adding this, but will this b the default on Bing. Google Maps offers this already, I hope Bing will do it as well.

    Also, what about putting a digital space flyby program with Bing Maps (Bing Universe?) that allows people to digitally move through the Cosmos (Bing Cosmos?).

  2. bouka55

    that must be a rich neighbourhood in the picture, everybody has a swimming pool!

Comments are closed.