react-fmap v0.5.0

react-fmap

fengmap for react

Using

• install

  npm i react-fmap

• using in react

  import FMap from 'react-fmap';
  class App extends Component {
   render() {
   	const mapProps = {
   		fmapID: 'wafer-beijing',
   			appName:'北京威发新世纪',
   			mapKey:'3e7dba2418ac46e1af5a1abf17082db2',
   			height: 'calc(100vh - 254px)'
   		};
  
   		return (
   			<div className="App">
   				<FMap {...mapProps}/>
   			</div>
   		);
   	}
  }

  notice: mapKey is key of FengMap.

Props

offLineOptions

	offLineOptions: {
		mapServerURL: '',
		mapThemeURL: '',
		defaultThemeName: ''
		[,
		...other props
		]
	}

function

add text marker

	this.map.getSearchReq({ID: 61}, v => {
		this.map.addTextMarker([{
		x: 12958819.3,
		y: 4852556.59,
		z: 0,
		name: '3F04'
		}], v.groupID);
	});

add image marker

 this.map.addImageMarker([{
		x:  12958819.3,
		y: 4852556.59,
		z: 0,
		name: '3F01',
		url: '/static/media/logo.5d5d9eef.svg'
	}], v.groupID);

onMapFunction

	this.map.onMapFunction('moveTo', {x: 12958819.3, y: 4852556.59, groupID: 1, z: 0});

fengmap.min.js

if localize fengmap.min.js, then copy `node_modules/react-fmap/js/fengmap.min.js` to src(or can reach at a dir).

then set `url`.