Select to view content in your preferred language

First load of dynamic layer using ArcGIS Javasript extension for Google is slow

574
0
04-20-2010 12:24 PM
JessB
by
Emerging Contributor
Hello,

We have a large polyline layer that we are hoping to serve up as a dynamic layer onto google.

The map service is set to draw the layer only when zoomed into a city block level (10,000 and in). Performance is greate using both the ESRI javascript and ESRI silverlight api; however, when we use the javascript extension for Google the intial load is incredibly slow (minutes). Once the pipe is visible performance is fine moving around. Has anyone experienced this?

Below is the canned sample from the resource center. Do I need to do make a tweak for handling the large layer?

Thanks in advance,

Jess

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <title>ArcGIS JavaScript Extension for the Google Maps API Example</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

    <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script>
    <script src="http://serverapi.arcgisonline.com/jsapi/gmaps/?v=1.6" type="text/javascript" ></script>

    <script type="text/javascript">

    var gmap = null;

    function initialize() {
      gmap = new GMap2(document.getElementById("gmap"));
      var centerat = new GLatLng(0, 0);

      gmap.addControl(new GLargeMapControl());
      gmap.addControl(new GMapTypeControl());
      gmap.setCenter(centerat, 1);

      var dynamicMap = new esri.arcgis.gmaps.DynamicMapServiceLayer
        ("http://spiral/ArcGIS/rest/services/Pipe84/MapServer",
        null, 1, dynmapcallback);
    }

    function dynmapcallback(mapservicelayer) {
      gmap.addOverlay(mapservicelayer);
    }

    </script>
  </head>

  <body onload="initialize();" onunload="GUnload();">
    <div id="gmap" style="width: 500px; height:500px;"></div>
  </body>

</html>
0 Kudos
0 Replies