279map-core

279map-core

This is used in 279map. 279map-core connects to 279map server and provides basic features of 279map. if you want to make originai UI map, you can use 279map-core.

flowchart LR
	subgraph frontend
		subgraph 279map-frontend
			279map-core
		end
	end

	subgraph backend
		db[("279map-db")]
		279map-backend-main

		279map-backend-main <--> odba["279map-backend-odba"]
		odba-."use".->279map-backend-common
		279map-backend-main-."use".->279map-backend-common

		db -.read.-> 279map-backend-main
		odba -.insert.-> db
	end
	279map-core <--> 279map-backend-main
	original-db[("Original DB")] <--> odba

	style 279map-core fill:#faa, stroke:#f55

How to use

if you want to make originai UI map, you can use 279map-core.

// you need load jsts cdn
import 'https://unpkg.com/jsts@2.6.1/dist/jsts.min.js';

const props = {
    mapServerHost: 'localhost',
    mapId: 'test',
    iconDefine: [
        {
            id: 'pin',
            imagePath: '/icon/pin.png',
            useMaps: ['Real', 'Virtual'],
        },
        {
            id: 'school',
            imagePath: '/icon/house.png',
            useMaps: ['Virtual'],
        },
    ],
};

return (
	<TsunaguMap {...props}  />
)

→show API References

279map compatiblity

Supplement

• if you use on Next.js, set swcMinify: false in next.config.js. 279map use OpenLayers and it can't run when swcMinify: true.

Copyright

Copyright (c) 2022 satocheeen.com

Released under the MPL-2.0 license

https://www.mozilla.org/en-US/MPL/2.0/