\")\n .addClass(\"k-map-controls \" + renderPos(pos))\n .appendTo(this.element);\n }\n\n return $(\"
\").appendTo(wrap);\n },\n\n _createAttribution: function(options) {\n var element = this._createControlElement(options, \"bottomRight\");\n this.attribution = new ui.Attribution(element, options);\n },\n\n _createNavigator: function(options) {\n var element = this._createControlElement(options, \"topLeft\");\n var navigator = this.navigator = new ui.Navigator(element, options);\n\n this._navigatorPan = this._navigatorPan.bind(this);\n navigator.bind(\"pan\", this._navigatorPan);\n\n this._navigatorCenter = this._navigatorCenter.bind(this);\n navigator.bind(\"center\", this._navigatorCenter);\n },\n\n _navigatorPan: function(e) {\n var map = this;\n var scroller = map.scroller;\n\n var x = scroller.scrollLeft + e.x;\n var y = scroller.scrollTop - e.y;\n\n var bounds = this._virtualSize;\n var height = this.element.height();\n var width = this.element.width();\n\n // TODO: Move limits in scroller\n x = limit(x, bounds.x.min, bounds.x.max - width);\n y = limit(y, bounds.y.min, bounds.y.max - height);\n\n map.scroller.one(\"scroll\", function(e) { map._scrollEnd(e); });\n map.scroller.scrollTo(-x, -y);\n },\n\n _navigatorCenter: function() {\n this.center(this.options.center);\n },\n\n _createZoomControl: function(options) {\n var element = this._createControlElement(options, \"topLeft\");\n var zoomControl = this.zoomControl = new ui.ZoomControl(element, options);\n\n this._zoomControlChange = this._zoomControlChange.bind(this);\n zoomControl.bind(\"change\", this._zoomControlChange);\n },\n\n _zoomControlChange: function(e) {\n if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n this.zoom(this.zoom() + e.delta);\n this.trigger(\"zoomEnd\", { originalEvent: e });\n }\n },\n\n _initScroller: function() {\n var friction = kendo.support.mobileOS ? FRICTION_MOBILE : FRICTION;\n var zoomable = this.options.zoomable !== false;\n var scroller = this.scroller = new kendo.mobile.ui.Scroller(\n this.element.children(0), {\n friction: friction,\n velocityMultiplier: VELOCITY_MULTIPLIER,\n zoom: zoomable,\n mousewheelScrolling: false,\n supportDoubleTap: true\n });\n\n scroller.bind(\"scroll\", this._scroll.bind(this));\n scroller.bind(\"scrollEnd\", this._scrollEnd.bind(this));\n scroller.userEvents.bind(\"gesturestart\", this._scaleStart.bind(this));\n scroller.userEvents.bind(\"gestureend\", this._scale.bind(this));\n scroller.userEvents.bind(\"doubleTap\", this._doubleTap.bind(this));\n scroller.userEvents.bind(\"tap\", this._tap.bind(this));\n\n this.scrollElement = scroller.scrollElement;\n },\n\n _initLayers: function() {\n var defs = this.options.layers,\n layers = this.layers = [];\n\n for (var i = 0; i < defs.length; i++) {\n var options = defs[i];\n var type = options.type || \"shape\";\n var defaults = this.options.layerDefaults[type];\n var impl = dataviz.map.layers[type];\n\n layers.push(new impl(this, deepExtend({}, defaults, options)));\n }\n },\n\n _initMarkers: function() {\n this.markers = new map.layers.MarkerLayer(this, this.options.markerDefaults);\n this.markers.add(this.options.markers);\n },\n\n _scroll: function(e) {\n var origin = this.locationToLayer(this._viewOrigin).round();\n var movable = e.sender.movable;\n\n var offset = new g.Point(movable.x, movable.y).scale(-1).scale(1 / movable.scale);\n origin.x += offset.x;\n origin.y += offset.y;\n\n this._scrollOffset = offset;\n\n this._setOrigin(this.layerToLocation(origin));\n this.trigger(\"pan\", {\n originalEvent: e,\n origin: this._getOrigin(),\n center: this.center()\n });\n },\n\n _scrollEnd: function(e) {\n if (!this._scrollOffset || !this._panComplete()) {\n return;\n }\n\n this._scrollOffset = null;\n this._panEndTS = new Date();\n\n this.trigger(\"panEnd\", {\n originalEvent: e,\n origin: this._getOrigin(),\n center: this.center()\n });\n },\n\n _panComplete: function() {\n return new Date() - (this._panEndTS || 0) > 50;\n },\n\n _scaleStart: function(e) {\n if (this.trigger(\"zoomStart\", { originalEvent: e })) {\n var touch = e.touches[1];\n if (touch) {\n touch.cancel();\n }\n }\n },\n\n _scale: function(e) {\n var scale = this.scroller.movable.scale;\n var zoom = this._scaleToZoom(scale);\n var gestureCenter = new g.Point(e.center.x, e.center.y);\n var centerLocation = this.viewToLocation(gestureCenter, zoom);\n var centerPoint = this.locationToLayer(centerLocation, zoom);\n var originPoint = centerPoint.translate(-gestureCenter.x, -gestureCenter.y);\n\n this._zoomAround(originPoint, zoom);\n this.trigger(\"zoomEnd\", { originalEvent: e });\n },\n\n _scaleToZoom: function(scaleDelta) {\n var scale = this._layerSize() * scaleDelta;\n var tiles = scale / this.options.minSize;\n var zoom = math.log(tiles) / math.log(2);\n\n return math.round(zoom);\n },\n\n _reset: function() {\n if (this.attribution) {\n this.attribution.filter(this.center(), this.zoom());\n }\n\n this._viewOrigin = this._getOrigin(true);\n this._resetScroller();\n this.trigger(\"beforeReset\");\n this.trigger(\"reset\", {\n tileTitle: this.options.messages.tileTitle\n });\n },\n\n _resetScroller: function() {\n var scroller = this.scroller;\n var x = scroller.dimensions.x;\n var y = scroller.dimensions.y;\n var scale = this._layerSize();\n var nw = this.extent().nw;\n var topLeft = this.locationToLayer(nw).round();\n\n scroller.movable.round = true;\n scroller.reset();\n scroller.userEvents.cancel();\n\n var zoom = this.zoom();\n scroller.dimensions.forcedMinScale = pow(2, this.options.minZoom - zoom);\n scroller.dimensions.maxScale = pow(2, this.options.maxZoom - zoom);\n\n var xBounds = { min: -topLeft.x, max: scale - topLeft.x };\n var yBounds = { min: -topLeft.y, max: scale - topLeft.y };\n\n if (this.options.wraparound) {\n xBounds.max = 20 * scale;\n xBounds.min = -xBounds.max;\n }\n\n if (this.options.pannable === false) {\n var viewSize = this.viewSize();\n xBounds.min = yBounds.min = 0;\n xBounds.max = viewSize.width;\n yBounds.max = viewSize.height;\n }\n\n x.makeVirtual();\n y.makeVirtual();\n x.virtualSize(xBounds.min, xBounds.max);\n y.virtualSize(yBounds.min, yBounds.max);\n\n this._virtualSize = { x: xBounds, y: yBounds };\n },\n\n _renderLayers: function() {\n var defs = this.options.layers,\n layers = this.layers = [],\n scrollWrap = this.scrollWrap;\n\n scrollWrap.empty();\n\n for (var i = 0; i < defs.length; i++) {\n var options = defs[i];\n var type = options.type || \"shape\";\n var defaults = this.options.layerDefaults[type];\n var impl = dataviz.map.layers[type];\n\n layers.push(new impl(this, deepExtend({}, defaults, options)));\n }\n },\n\n _layerSize: function(zoom) {\n zoom = valueOrDefault(zoom, this.options.zoom);\n return this.options.minSize * pow(2, zoom);\n },\n\n _tap: function(e) {\n if (!this._panComplete()) {\n return;\n }\n\n var cursor = this.eventOffset(e);\n this.trigger(\"click\", {\n originalEvent: e,\n location: this.viewToLocation(cursor)\n });\n },\n\n _doubleTap: function(e) {\n var options = this.options;\n if (options.zoomable !== false) {\n if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n var toZoom = this.zoom() + DEFAULT_ZOOM_RATE;\n var cursor = this.eventOffset(e);\n var location = this.viewToLocation(cursor);\n var postZoom = this.locationToLayer(location, toZoom);\n var origin = postZoom.translate(-cursor.x, -cursor.y);\n this._zoomAround(origin, toZoom);\n this.trigger(\"zoomEnd\", { originalEvent: e });\n }\n }\n },\n\n _mousewheel: function(e) {\n e.preventDefault();\n var delta = dataviz.mwDelta(e) > 0 ? -1 : 1;\n var options = this.options;\n var fromZoom = this.zoom();\n var toZoom = limit(fromZoom + delta, options.minZoom, options.maxZoom);\n\n if (options.zoomable !== false && toZoom !== fromZoom) {\n if (!this.trigger(\"zoomStart\", { originalEvent: e })) {\n var cursor = this.eventOffset(e);\n var location = this.viewToLocation(cursor);\n var postZoom = this.locationToLayer(location, toZoom);\n var origin = postZoom.translate(-cursor.x, -cursor.y);\n this._zoomAround(origin, toZoom);\n\n this.trigger(\"zoomEnd\", { originalEvent: e });\n }\n }\n }\n });\n\n // Exports ================================================================\n dataviz.ui.plugin(Map);\n\n })(window.kendo.jQuery);\n\n var __meta__ = {\n id: \"dataviz.map\",\n name: \"Map\",\n category: \"dataviz\",\n description: \"The Kendo DataViz Map displays spatial data\",\n depends: [ \"data\", \"userevents\", \"tooltip\", \"dataviz.core\", \"drawing\", \"mobile.scroller\" ]\n };\n\n}));\n"]}