Accessible Map

지도를 생성합니다.

js

import Jido from '@nzero/jido';

/**
 * 파라미터
 * @param targetId - 맵을 표시할 HTML 요소의 ID
 * @param center - 맵의 초기 중심 좌표 ([경도, 위도]), 기본값 [0,0]
 * @param zoom - 초기 줌 레벨, 기본값 2
 * @param url - 베이스맵 url,  기본값 'osm'
**/

const map = new Jido('map');

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Accessible Map</title>
  <style>
    html, body, #map { margin: 0; width: 100%; height: 100%; }
  </style>
</head>
<body>
    <div id="map" tabindex="0"></div>
</body>
<script>
    const map = new Jido('map');
</script>
</html>

package.json

{
  "dependencies": {
    "@nzero/jido": "^0.1.1",
  },
}