muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

center on user location

Browse source
This commit is contained in:
muerwre 2018-08-27 17:28:10 +07:00
parent 0f368b189f
commit d39ec1588c
6 changed files with 149 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/containers/App.jsx
View file

@ -4,6 +4,8 @@ import { Editor } from '$modules/Editor';
import { EditorPanel } from '$components/panels/EditorPanel';
import { Fills } from '$components/Fills';
import { DEFAULT_LOGO } from '$constants/logos';
import { getUserLocation } from '$utils/geolocation';
import { UserLocation } from '$components/UserLocation';
export class App extends React.Component {
state = {
@ -36,6 +38,20 @@ export class App extends React.Component {
setLogo = logo => {
this.setState({ logo });
};
//
// locateByGeo = () => {
// getUserLocation(this.setMapCenterByGeo);
// };
//
// setMapCenterByGeo = position => {
// if (!position || !position.coords || !position.coords.latitude || !position.coords.longitude) return;
//
// const { latitude, longitude } = position.coords;
//
// console.log('panning to', { latitude, longitude });
//
// this.editor.map.map.panTo([latitude, longitude]);
// };
editor = new Editor({
container: 'map',
@ -59,6 +75,9 @@ export class App extends React.Component {
return (
<div>
<Fills />
<UserLocation editor={editor} />
<EditorPanel
editor={editor}
mode={mode}