AnsweredAssumed Answered

Measure widget in IE11

Question asked by bbarnell on Apr 28, 2014
Latest reply on Apr 30, 2014 by bbarnell
I can't get the measure widget to work in IE11 unless I take out the "IE=edge" meta tag and replace it with "IE=9"

"IE=edge" is the ESRI standard according to the ESRI documentation here: https://developers.arcgis.com/javascript/jstutorials/mobile_dev.html

If I include both ie=9 and ie=edge, the measure widget does not work either.

What really is the new ESRI standard for the IE meta tags?

<!DOCTYPE html>
<html>
  <head>
    <title>Measure Tool</title>
     <meta http-equiv="X-UA-Compatible" content="IE=9, IE=Edge">
<!-- Only works with IE=9  Edge will cause it to fail -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
    <script src="http://js.arcgis.com/3.9/"></script>

    <script>
       require(["esri/map", "esri/geometry/Extent", "esri/dijit/Measurement", "esri/tasks/GeometryService", "esri/config", "dojo/dom",
          "dojo/domReady!"],

    function (Map, Extent, Measurement, GeometryService, esriConfig, dom) {

       var extent = new Extent({
          "xmin": 1649130,
          "ymin": 859905,
          "xmax": 1649930,
          "ymax": 859999,
          "spatialReference": { "wkid": 3361 }
       });

       var map = new Map("map", { extent: extent });

       var ms;
       ms = new esri.layers.ArcGISTiledMapServiceLayer("http://www.greenwoodsc.gov/arcgis/rest/services/County_Basemap2/MapServer");
       map.addLayer(ms);

       esriConfig.defaults.geometryService = new GeometryService("http://www.greenwoodsc.gov/arcgis/rest/services/Utilities/Geometry/GeometryServer");

       var measurement = new Measurement({
          map: map
       }, dom.byId("measure_panel"));
       measurement.startup();
    });

    </script>
  </head>

  <body>
    <div id="map"></div>
    <div id="measure_panel"></div>
  </body>
</html>

Outcomes