ol kakao extent bound 확대

Object - 제곧내

css 확대 - Google Search

css] 이미지 확대 / transform:scale / transition:transform

https://www.google.com/search?q=css+%ED%99%95%EB%8C%80&oq=css+%ED%99%95%EB%8C%80&aqs=chrome..69i57j69i64l4j0l4&sourceid=chrome&ie=UTF-8

• 만들었다... 지리는 계산..

function ChangeMapRatio(){
  /*
  Calulate Map Ratio and Apply
  Called by - changeMapMarker()'s Delayed Call Only
  Should be Called after GetPvrRelation()
  */
  let osmExtent = openStreetMap.getView().calculateExtent()
  let osmStartExt = ol.proj.transform([osmExtent[0], osmExtent[1]], 'EPSG:3857', 'EPSG:4326');
  let osmEndExt = ol.proj.transform([osmExtent[2], osmExtent[3]], 'EPSG:3857', 'EPSG:4326');
  let osmSideX = osmEndExt[0] - osmStartExt[0]
  let osmSideY = osmEndExt[1] - osmStartExt[1]

  if (kakaoMap.setCenter !== undefined){
    let kakaoStartX = kakaoMap.getBounds().da
    let kakaoEndX = kakaoMap.getBounds().ia
    let kakaoStartY = kakaoMap.getBounds().ka
    let kakaoEndY = kakaoMap.getBounds().ja
    let kakaoSideX = kakaoEndX - kakaoStartX
    let kakaoSideY = kakaoEndY - kakaoStartY
    let kakaoRatioX = kakaoSideX / osmSideX
    let kakaoRatioY = kakaoSideY / osmSideY
    for (child of kakaoMap.mapEl.children)
      child.style.transform = `scale(${kakaoRatioX, kakaoRatioY})`
  }

  if (NaverMap.setCenter !== undefined){
    let naverStartX = NaverMap.getBounds()._min.x
    let naverEndX = NaverMap.getBounds()._max.x
    let naverStartY = NaverMap.getBounds()._min.y
    let naverEndY = NaverMap.getBounds()._max.y
    let naverSideX = naverEndX - naverStartX
    let naverSideY = naverEndY - naverStartY
    let naverRatioX = naverSideX / osmSideX
    let naverRatioY = naverSideY / osmSideY
    for (child of NaverMap.mapEl.children)
      child.style.transform = `scale(${naverRatioX, naverRatioY})`
  }
}

• css transform

child.style.transform = `scale(${naverRatioX, naverRatioY})`

transform

CSS 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. transform은 CSS 시각적 서식 모델 의 좌표 공간을 변경합니다. none이 아닌 값을 지정하면 새로운 쌓임 맥락을 생성합니다. 이 경우, 이 fixed거나 absolute인 요소의 컨테이닝 블록 으로서 작용합니다.

https://developer.mozilla.org/ko/docs/Web/CSS/transform

• child of element

for (child of NaverMap.mapEl.children)
      child.style.transform = `scale(${naverRatioX, naverRatioY})`

HTML DOM children Property

Element Object Get a collection of the element's children: var c = document.body.children; Try it Yourself " More "Try it Yourself" examples below. The children property returns a collection of an element's child elements, as an HTMLCollection object. The elements in the collection are sorted as they appear in the source code and can be accessed by index numbers.

https://www.w3schools.com/jsref/prop_element_children.asp

• interpolate variable to string init

child.style.transform = `scale(${naverRatioX, naverRatioY})`

How to interpolate variables in strings in JavaScript, without concatenation?

I know in PHP we can do something like this: $hello = "foo"; $my_string = "I pity the $hello"; Output: "I pity the foo" I was wondering if this same thing is possible in JavaScript as well. Using

https://stackoverflow.com/questions/3304014/how-to-interpolate-variables-in-strings-in-javascript-without-concatenation

Get extent | bound

Getting extent in OpenLayers 3?

Thanks for contributing an answer to Geographic Information Systems Stack Exchange! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience.

https://gis.stackexchange.com/questions/168590/getting-extent-in-openlayers-3

NAVER Maps API v3

NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다.

https://navermaps.github.io/maps.js/docs/naver.maps.Map.html#getBounds__anchor

Kakao 지도 API

지도 객체 kakao.maps.Map(container, options) Parameters setCenter(latlng) 지도의 중심 좌표를 설정한다. 지도 이동시키기 샘플보기 Parameters getCenter() 지도의 중심 좌표를 반환한다. 지도 정보 얻어오기 샘플보기 Returns setLevel(level, options) Parameters getLevel() 지도의 확대 수준을 반환한다. 지도 정보 얻어오기 샘플보기 Returns setMapTypeId(mapTypeId) Parameters getMapTypeId() 지도의 타입을 반환한다.

http://apis.map.kakao.com/web/documentation/#Map_getBounds