힘차게, 열심히 공대생

1. Leaflet.js 라이브러리 호출하기 먼저 head 부분에 leaflat.js css와 js 링크를 추가해, leaflet 라이브러리 사용할 수 있도록 합니다. 2. Map 설정 1) 크기 설정 div의 크기를 설정해준다. 2) map 생성하고 타일레이어에 추가하기 leaflet map의 타일레이어 형식은 일반적으로 URL템플릿의 세팅을 포함하고 있다. 이 URL템플릿 세팅이란 우리도 'Mapbox'에서 얻을 수 있다. 이 글에서는 예제에서 사용된 URL템플릿을 그대로 적용하기로하자. 이 URL템플릿에는 속성값이 부여된 텍스트, 최대 줌 레벨 등과 같은 옵션들이 포함되어 있다. ● 참고 d3.js 튜토리얼 티스토리 : https://visualize.tistory.com/360 Leaflet.js..

졸업작품으로 안전한 보행길 경로를 찾아주는 지도 프로젝트를 만들고 있는데.. 우리 세상은 알고리즘처럼 2차원 배열이나 노드의 집합이 아니기때문에.. 지도를 일정한 간격으로 규격화해야했다. 이 부분이 굉장히 힘들었는데 기록으로 남겨놓으려한다. 방법 1. 출발지와 목적지의 좌표를 계산하여 사각형 범위를 구한다. ( = Map Size ) 2. 범위를 2차원 배열처럼 규격화한다(?) 3. 해당 범위내에서 적합한 경로를 찾는다(??) ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 2번 방법을하기위해 많은 고민을 했는데 첫번째. 2차원 배열처럼 정사각형으로 해당 범위를 규격화하기. → 실제 지도는 이동가능한 공간이 뒤죽박죽 삐뚤빼뚤이기 때문에 적합하지 않다고 생각했다. 두번째. 육각형의 hexgon grid로 규격화하기 ..

졸업작품으로 Leaflet.js를 이용해서 map을 만드는 중 DB에 저장된 가로등 좌표를 Point로 받아와 지도위에 marker 표시를 해줄려고 한다. 1. DB에 저장된 좌표 중 범위 설정해서 가져오기 lamp = Lamp.objects.filter(lon__range=(endx,startx),lat__range=(endy,starty)).order_by('lat') # lamp.order_by('lon') print("가로등 개수 : ",len(lamp)) plist=[] for l in lamp : # print(l.lon) point=[float(l.lon),float(l.lat)] plist.append(point) Django의 filter 템플릿을 이용해서 DB에 저장된 좌표중 필요한 데..