deep-viz/lib/Map/AMapIndoor.js

A React component library, provide concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,o=arguments[t];for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_createClass=function(){function o(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_propTypes=require("prop-types"),_propTypes2=_interopRequireDefault(_propTypes);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var AMapIndoor=function(){function e(){return _classCallCheck(this,e),_possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return _inherits(e,_react2.default.Component),_createClass(e,[{key:"componentDidMount",value:function(){var e;window.mapRender=this.mapRender.bind(this),window.AMap?this.mapRender(this.props):((e=document.createElement("script")).src="https://webapi.amap.com/maps?v=1.3&key=5f47a71f72692f5e7160f7b577d72a82&callback=mapRender",document.head.appendChild(e))}},{key:"componentWillReceiveProps",value:function(e){void 0!==window.AMap&&e&&this.mapRender(e)}},{key:"mapRender",value:function(e){var t=void 0,t=(e&&e.point!==this.props.point?e:this.props).point,r=this.props,e=r.dragEnable,e=void 0===e||e,r=r.zoomEnable,r=void 0===r||r;this.amap=new window.AMap.Map("ampContainer",{resizeEnable:!0,center:[t.lng,t.lat],zoom:18,scrollWheel:!1,showIndoorMap:!0,mapStyle:"amap://styles/normal",dragEnable:e,zoomEnable:r})}},{key:"render",value:function(){var e=this.props.style,e=void 0===e?{}:e;return _react2.default.createElement("div",{style:{position:"relative"}},_react2.default.createElement("div",{id:"ampContainer",style:_extends({width:"100%",height:630},e)}))}}]),e}();AMapIndoor.propTypes={style:_propTypes2.default.object,point:_propTypes2.default.shape({lat:_propTypes2.default.number.isRequired,lng:_propTypes2.default.number.isRequired}).isRequired,dragEnable:_propTypes2.default.bool,zoomEnable:_propTypes2.default.bool},exports.default=AMapIndoor;