다음 맵 예제

HERE 맵 이미지 API는 전 세계 모든 지역에 정적 맵 이미지를 요청할 수 있는 REST API입니다. 맵 이미지는 기존의 맵 뷰를 표시하지만 관심 지점, 경로(예: 전환점 및 교차점 뷰), 통계 및 열 맵을 포함할 수도 있습니다. 이 예제에서는 문자열에서 맵을 사용하여 문자 값을 나타내는 ASCII 인코딩에서 바이트 배열을 얻는 방법을 보여 주십습니다. 그러나 일부 서버 측 활동으로 이미지 맵을 만들 수도 있습니다. 이 모든 작동 방식은 다음과 같습니다: 이 연습에서는 데이터를 가져오고, 맵 스타일을 사용자 지정하고, 맵을 공유하는 방법을 설명합니다. 우리는 남아프리카 공화국의 거짓 베이 해안선을 따라 상어를 관찰하는 훈련 된 관찰자 – 상어 스포터의 위치를 특징으로하는 MAPA 프로젝트와 상어 스포터의 데이터 세트를 사용할 것입니다. 2012년 9월 8일 및 2013년 2월 22일. 완성된 맵은 위의 예와 같습니다. ismap 이미지 특성은 서버 측 이미지 맵의 일부로 이미지를 식별하는 데 사용되며 img 태그는 맵 파일을 가리키는 앵커 요소로 래핑됩니다. 서버 쪽 이미지 맵에 대한 코드의 HTML 부분은 다음과 같습니다. 이러한 태그는 개폐 맵 태그 사이에 정의되어야 합니다.

맵에 이름을 지정하는 것이 중요합니다. 이 경우 이름=”map_example”를 맵 의 이름으로 사용했습니다. 이 이름은 이미지에 맵을 오버레이하는 데 사용됩니다. 1단계의 이미지 코드를 다시 한 번 살펴봅니다. 맵 이름 뒤에 특성이 있는 usemap에 유스맵이 있습니다. 맵이 이미지와 연결되는 방법입니다. iOS 12를 통해 Apple은 CarPlay 내에서 타사 앱에 더 많은 유연성과 새로운 기능을 제공합니다. 예를 들어, 처음으로 Apple 지도 이외의 다른 앱을 Apple의 차량 내 플랫폼에 대한 기본 탐색 소프트웨어로 사용할 수 있습니다. 이러한 변화가 가능해졌으며, Google 지도와 Waze는 모두 CarPlay를 지원할 계획이며 베타 테스트를 시작했습니다. 예제를 보면 이 모든 것이 어떻게 작동하는지 이해하는 것이 가장 쉽습니다. 이 예제에서는 querySelectorAll에서 수집한 개체 컬렉션을 반복하는 방법을 보여 주며 있습니다. 이는 쿼리SelectorAll 개체의 컬렉션인 NodeList를 반환하기 때문입니다.

이 경우 화면에 선택한 모든 옵션의 값을 반환합니다: 이미지 맵은 위에 링크된 예제에서 볼 수 있듯이 올바른 응용 프로그램에 여전히 유용할 수 있습니다. 그러나 오늘날의 모바일 우선 환경에서는 모바일 장치 사용자가 웹 사이트에 액세스할 수 있도록 두 가지 작업을 수행해야 합니다. 예를 들어 배열의 내용을 경고하려는 경우: 축소판 그림을 선택하여 기본 맵 스타일을 변경합니다. 이 예제에서는 라이트 랜드매스의 왼쪽 하단에 있는 축소판 그림을 선택합니다. 데이터를 업로드한 후 위치 정보가 있는 열을 선택하라는 메시지가 표시됩니다. 이 예제에서는 위도 및 긴 열을 선택하고 계속을 누르십시오. 물음표 위로 마우스를 가져가서 해당 열의 샘플 데이터를 볼 수 있습니다. 이제 메뉴에서 데이터를 레이어로 표시하고 포인트가 맵에 플롯됩니다. 메뉴에서 이 레이어의 이름을 변경하려면 레이어 이름의 텍스트를 선택하기만 하면 됩니다(기본값은 파일 이름입니다). 이 예제에서는 레이어 이름을 [보기]로 변경합니다: 2012년 9월 8일에서 2013년 2월 22일로 변경합니다.

이 자습서에서는 이미지 맵을 시작할 수 있을 만큼 충분히 다룹니다. 그러나 더 많은 것을 배울 수 있습니다.