lealfet -arcgis plugin

by Leo

HTML

<script src="//rawgit.com/gorshkov-leonid/Leaflet/master/dist/leaflet-src.js"></script>
<link rel="stylesheet" href="//rawgit.com/gorshkov-leonid/Leaflet/master/dist/leaflet.css">
<script src="//cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/proj4js/2.0.0/proj4.js"></script>
<script src="//cdn.rawgit.com/kartena/Proj4Leaflet/0.7.0/src/proj4leaflet.js"></script>
<div id="map"></div>

CSS

#map { 
    height: 400px; 
}

JavaScript

var map = L.map('map', {
    crs: 
      L.CRS.EPSG3857
  }).setView(
             [51.066953, -114.094713]
             , 13
  );

    L.esri.tiledMapLayer({
      url: 'http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer',
      maxZoom: 19,
      minZoom: 0,
      continuousWorld: true
    }).addTo(map);

var polyline = L.polyline([
    [51.06745252933975, -114.11267548799515],
    [51.067506465746014, -114.09559518098831],
    [51.0827140244322,-114.0949085354805],
    [51.088267312195484,-114.10709649324417]
]).addTo(map);