leaflet.js 2

Django Leaflet.js 지도 라이브러리 불러오기

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..

[Leaflet] Django에 Leaflet Marker 표시하기(Point Array)

졸업작품으로 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에 저장된 좌표중 필요한 데..