도형

도형이란 지도 위에 그릴 수 있는 기하학적인 벡터 그래픽을 의미합니다. 도형의 종류로는 폴리곤, 폴리라인, 원 등이 있습니다. 도형을 지도 위에 그리는 방법을 설명합니다.

Previous정보 창 Next위치 아이콘

Last updated 5 years ago

Was this helpful?

도형

폴리곤

지도상에 다각형 모양의 면 형태로 표출되는 셰이프를 의미합니다.

추가 및 삭제

지도 위에 다각형을 추가하려면 객체를 생성한 다음 반드시 속성을 설정해주어야 합니다. 속성은 함수를 사용하거나, 를 통해 설정할 수 있습니다.

생성된 폴리곤 객체의 속성을 표출하고자 하는 지도 객체로 설정하면 폴리곤이 지도 위에 표출됩니다.

// 폴리곤의 좌표열
val myCoords = listOf(
    LatLng(37.40224, 127.11077),
    LatLng(37.40218, 127.10883),
    LatLng(37.40119, 127.10899),
    LatLng(37.40116, 127.11063)
)

// 지도 위에 폴리곤 추가
val polygon = InvPolygon().apply {
    coords = myCoords
    map = inaviMap
}

// 지도에서 폴리곤 제거
polygon.map = null

좌표열

val myCoords2 = mutableListOf(
    LatLng(37.40224, 127.11077),
    LatLng(37.40218, 127.10883),
    LatLng(37.40119, 127.10899),
    LatLng(37.40116, 127.11063)
)

myCoords2.removeAt(myCoords2.size - 1) // 좌표열의 마지막 원소 삭제
polygon.coords = myCoords2 // coords 속성을 다시 설정해주어야 지도에 반영된다.

채우기 색상

// 폴리곤의 채우기 색상을 노랑색으로 설정
polygon.fillColor = Color.YELLOW

테두리 두께 및 색상

polygon.strokeWidth = 5f // 폴리곤의 테두리 두께를 5px로 설정
polygon.strokeColor = Color.RED // 폴리곤의 테두리 두께를 빨간색으로 설정

폴리라인

지도상에 선 형태로 표출되는 셰이프를 의미합니다.

추가 및 삭제

// 폴리라인의 좌표열
val myCoords = listOf(
  LatLng(37.40212, 127.10816),
  LatLng(37.40135, 127.10844),
  LatLng(37.40216, 127.10921),
  LatLng(37.40136, 127.11024),
  LatLng(37.40212, 127.11044)
)

// 지도 위에 폴리라인 추가
val polyline = InvPolyline().apply {
  coords = myCoords
  map = inaviMap
}

// 지도에서 폴리라인 제거
polyline.map = null

좌표열

val myCoords2 = mutableListOf(
  LatLng(37.40212, 127.10816),
  LatLng(37.40135, 127.10844),
  LatLng(37.40216, 127.10921),
  LatLng(37.40136, 127.11024),
  LatLng(37.40212, 127.11044)
)

myCoords2.removeAt(myCoords2.size - 1) // 좌표열의 마지막 원소 삭제
polyline.coords = myCoords2 // coords 속성을 다시 설정해주어야 지도에 반영된다.

두께

// 폴리라인의 두께를 10px로 설정
polyline.width = 10

색상

// 폴리라인의 색상을 파랑색으로 설정
polyline.color = Color.BLUE

점선 패턴

// 폴리라인의 점선 패턴을 실선 20px, 공백 10px로 설정
polyline.setPattern(20, 10)

끝 지점 모양

// 폴리라인의 끝 지점 모양을 Round로 설정
polyline.capType = InvPolyline.LineCap.Round

연결점 모양

// 폴리라인의 연결점 모양을 Round로 설정
polyline.joinType = InvPolyline.LineJoin.Round

원

지도상에 원 모양의 면 형태로 표출되는 셰이프를 의미합니다.

추가 및 삭제

// 지도 위에 반경 100m 원 추가
val circle = InvCircle().apply {
    center = LatLng(37.40224, 127.11077)
    radius = 100.0
    map = inaviMap
}

// 지도에서 원 제거
circle.map = null

중심점 좌표

// 원의 중심점을 새로운 좌표로 설정
circle.center = LatLng(36.99473, 127.81832)

반경

// 원의 반경을 50m로 설정
circle.radius = 50.0

채우기 색상

// 폴리곤의 채우기 색상을 노랑색으로 설정
circle.fillColor = Color.YELLOW

테두리 두께 및 색상

circle.strokeWidth = 5f // 원의 테두리 두께를 5px로 설정
circle.strokeColor = Color.RED // 원의 테두리 두께를 빨간색으로 설정

Previous정보 창 Next위치 아이콘

Last updated 5 years ago

Was this helpful?