2018-01-04

获取代码样式

本文是获取代码样式而建立的。

import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import './css.css';
import ResourceLocate from './component/ResourceLocate/component/ResourceLocate';
import EsriLoader from 'esri-loader-react';
import cb from './common/CB';
import MMapViewPromise from './MMapView';
import SearchInput from './component/ResourceLocate/component/SearchInput';
import AttrQueryBuilder from './component/QueryBuilder/AttrQueryBuilder';
import {esri_library_root} from './public/config/pathConfig';

let create = async function (contanier) {
	let MV = await MMapViewPromise;
	MV.view.container = contanier;
};

const peaksUrl =
	"http://10.1.6.86:6080/arcgis/rest/services/basemap_fj/MapServer/16";
class IndexForResourceLocate extends Component{
	componentDidMount() {
		create(this.mapContainer);
	}
	render(){
		const options = {url: esri_library_root};
		return(
			<div>
				<EsriLoader options={options} ready={() => cb.fire()}/>
				<div ref={node => this.mapContainer = node} className="map-view"/>
				<ResourceLocate url={peaksUrl} itemClick={()=>{alert('you clicked me')}}>
					<SearchInput queryBuilder={new AttrQueryBuilder(peaksUrl,{
						title:'{Name}',
						content:'地址：{Address}'
					}, 'Name')}/>
				</ResourceLocate>
			</div>
		);
	}
}
ReactDOM.render(<IndexForResourceLocate/>, document.getElementById('root'));