Yandex 카드는 이전 모습을 반환하는 방법입니다. 이제 누구나 스스로 고칠 수 있는 새로운 Yandex.Maps

도시, 마을, 지역 또는 국가의 지도를 검색하세요.

오래된. Yandex 지도.

다음을 수행할 수 있습니다. 규모를 변경합니다. 거리를 측정하다; 디스플레이 모드 전환 - 다이어그램, 위성 보기, 하이브리드. Yandex 지도 메커니즘이 사용되며 여기에는 지구, 거리 이름, 집 번호 및 도시와 큰 마을의 기타 개체가 포함되어 있습니다. 주소로 검색(광장, 거리, 거리 + 집 번호 등), 예: "Lenin St. 3", "Staraya Hotel" 등

찾을 수 없는 경우 해당 섹션을 시도해 보세요. Google 위성 지도: 기존또는 OpenStreetMap의 벡터 지도: 오래된.

지도에서 선택한 개체에 대한 링크이메일, icq, SMS로 보내거나 웹사이트에 게시할 수 있습니다. 예를 들어, 만남의 장소, 배달 주소, 상점 위치, 영화관, 기차역 등을 표시하려면: 개체를 지도 중앙의 마커와 결합하고 지도 왼쪽 위의 링크를 복사하여 보냅니다. 수신자에게 - 중앙의 마커에 따라 사용자가 지정한 위치를 결정합니다.

기존 - 위성 보기가 가능한 온라인 지도: 거리, 주택, 지역 및 기타 개체.

축척을 변경하려면 마우스 스크롤 휠, 왼쪽의 "+ -" 슬라이더 또는 지도 왼쪽 상단의 "확대" 버튼을 사용하세요. 위성 보기나 인물 지도를 보려면 오른쪽 상단에서 해당 메뉴 항목을 선택하십시오. 거리를 측정하려면 오른쪽 하단의 눈금자를 클릭하고 지도에 점을 표시하세요.

오늘 역사상 가장 중요한 Yandex.Maps 업데이트 중 하나가 발생했습니다. 첫째, People's Map은 기본 지도와 결합되어 누구나 쉽고 빠르게 자신의 집을 지도에 추가하거나 부정확한 부분을 수정할 수 있습니다. 변경 결과는 Yandex.Maps뿐만 아니라 모든 사람이 사용할 수 있습니다. 모바일 지도그리고 네비게이터. 둘째, Yandex.Maps는 작업 초기 단계에서 Habré에 대해 한때 이야기했던 베타 버전인 새로운 인터페이스를 받았습니다(그때 표현된 모든 의견과 조언에 대해 많은 감사를 드립니다).

컷 아래에서는 인터페이스 작업 방법, 문제 해결 방법에 대해 이야기하겠습니다. 빠른 로딩브라우저의 개체는 사용자 편집을 보호해야 하는 새로운 도구를 발명하고 구현했으며, 이를 통해 새로운 삶이 어떻게 가능해졌는지, 지도가 이제 그 어느 때보다 빠르게 업데이트되고 동시에 정확해지는 이유 등을 설명합니다.

People's Cards의 첫 번째 버전은 정확히 5년 전인 2010년 4월 8일에 출시되었습니다. 당시 Yandex.Maps는 지도 데이터 공급자에 전적으로 의존했습니다. People's Map을 출시함으로써 우리는 사람들이 데이터의 완전성과 품질에 독립적으로 영향을 미칠 수 있는 기회를 제공하고 싶었습니다. 현실은 우리의 모든 기대를 뛰어넘었습니다. 지난 5년 동안 사용자들의 노력 덕분에 러시아 연방과 주변 국가의 많은 도시와 마을이 그려졌습니다. 새로운 교차로가 열리면 하루 안에 지도가 수정되며, 대개는 한 시간 안에 수정됩니다.


2010년 인민 지도의 첫 번째 버전은 다음과 같습니다.

그러나 세상은 가만히 있지 않고 다음 과제가 우리를 기다리고 있습니다. 지도 제작에 익숙하지 않은 사람들도 도움을 받아 자동차 경로에 사용하기에 적합한 전문 지도를 만들 수 있는 인민 지도에서 도구를 만드는 것입니다.

하지만 그러한 목표를 설정하면서 우리는 해결해야 할 과제도 알고 있었습니다. 첫째, 새로운 인민카드의 인터페이스를 누구나 사용할 수 있도록 직관적이고 친숙하게 만드는 것입니다. 둘째, 브라우저에서 매우 큰 개체를 편집하는 방법을 배워야 했습니다. 이전 People's Map에서는 노드 수가 많은(>20K) 객체를 로드할 때 브라우저가 정지되었습니다. 우리가 구상한 대로 새로운 인민 지도에서는 ​​이는 용납될 수 없습니다.

셋째, 오늘의 변경 이후 사람들이 데이터를 편집할 수 있도록 허용하고 수천만 명의 Yandex.Maps 사용자가 볼 수 있게 되므로 부도덕한 사용자로부터 "사람의" 지도 제작자의 작업 결과를 더욱 확실하게 보호해야 합니다. , 우리는 파괴자라고 부릅니다.

인터페이스 작업

작업 중에 우리는 두 개의 사용자 그룹이 있음을 확인했습니다.
  • 지도 편집을 시도해 본 적이 없는 초보자;
  • 지도 제작자와 People's Map의 활성 사용자를 포함한 숙련된 사용자.
우리에게 이는 인터페이스가 처음 사용자에게 간단하고 이해하기 쉬워야 하며 유연성과 편집 용이성에 대한 요구 사항을 충족해야 함을 의미했습니다. 경험이 풍부한 사용자. 그러나 이것을 달성하는 방법은 무엇입니까?

우리는 인터페이스가 2레벨이어야 한다고 가정했습니다. 첫 번째 레벨은 완전히 새로운 사용자가 간단한 시나리오를 수행하기 위한 것이고, 두 번째 레벨은 숙련된 사용자가 더 복잡한 작업을 수행해야 하는 경우를 위한 것입니다. 아래에 예를 들어 보겠습니다.

이 가설을 테스트하기 위해 People's Map에서 사용자 세션을 연구한 결과 데이터 생성 및 편집에 대한 가장 인기 있는 시나리오 중 다음이 눈에 띄는 것으로 나타났습니다.

  • 편집 조직;
  • 건물과 주소를 편집합니다.
  • 간단한 영역 객체 편집(공원, 잔디밭, 학교 또는 유치원 운동장)
  • 도로 편집 중입니다.

그리고 이러한 시나리오는 지도 편집에 익숙해지기 시작하는 곳이므로 매우 논리적이고 직관적이어야 함을 의미합니다. 지도를 이해하고 여전히 지도 편집에 관심이 있는 경우 '더 보기' 버튼을 클릭할 수 있습니다. 이 클릭 후에 사용자는 알아내야 할 더 많은 도구를 찾을 수 있습니다. 지침을 읽고 경험이 풍부한 사용자에게 조언을 구하십시오.

사용자 인터페이스 디자인 과정에서 우리는 즉시 동적 프로토타입의 필요성을 느꼈습니다. 정적 레이아웃을 사용하여 복잡한 편집 시나리오를 논의하는 것은 매우 어려웠습니다. “이 버튼을 누르고 이렇게 하면 어떻게 될까요?” 같은 질문이 많이 생겼습니다. 시나리오가 많고 버튼을 누를 때마다 분기되고 교차하는 경우 "동적 프로토타입"이 탁월한 솔루션입니다. 사용자가 인터페이스와 상호 작용하는 방법을 빠르고 명확하게 보여주는 데 도움이 됩니다.

우리는 그들과 함께 사용자 인터페이스를 테스트하기 시작했습니다. 첫 번째 테스트 대상은 개발자였습니다. 우리 제품과 원하는 사용자 상호 작용을 그들에게 보여주자마자 그들은 다음과 같은 말을 들었습니다. “우리는 그런 마법을 만드는 방법을 이해하지 못합니다. 먼저 개발 관점에서 단순하게 만든 다음, 사용자를 위한 인터페이스를 단순화하도록 노력하겠습니다.”

어떤 해결책이라도 해결책이 없는 것보다는 낫습니다. 따라서 우리는 모든 인터페이스 프로토타입을 우리가 이해할 수 있는 구현으로 재작업했습니다. 결과적으로 모든 데이터를 편집한 프로토타입을 갖게 되었는데, 어딘가 불편하고 비논리적입니다.

예를 들어 더 잘 설명하겠습니다. 바이칼 호수를 보자. 일반 사용자가 편집하는 것이 얼마나 편리합니까? 바이칼은 영역 객체이므로 영역 객체로 편집하는 것이 자연스럽습니다. 그러나 문제가 있습니다. 바이칼은 527개의 닫힌 윤곽(윤곽 자체와 잘려진 섬), 59,200개 이상의 노드로 구성되어 있으며 많은 강과 공통 경계를 가지고 있습니다.

이 모든 데이터를 서버에서 사용자의 브라우저로 다운로드하려고 하면 모든 것이 정지됩니다. 따라서 우리 데이터에서는 모든 것이 다소 다르게 표시됩니다.

이름만 있고 기하학은 없는 수로 개체인 "바이칼 호수"가 있습니다.


개체를 선택하면 모든 윤곽선이 표시됩니다.

이 개체와 관련된 닫힌 윤곽선이 있는데, 이는 호수의 외부 윤곽선을 나타내고 섬의 구멍을 잘라냅니다. "외부" 또는 "내부" 속성(윤곽)이 있지만 자체 형상도 없습니다.

저는 윤곽선 하나만 선택했습니다. 다른 모든 윤곽선의 강조 표시는 사라졌습니다.

이러한 모든 등고선은 실제 기하학을 나타내는 하나 이상의 수로 경계 섹션으로 구성됩니다.


사진은 바이칼 호수의 외부 윤곽 부분 중 하나를 강조합니다.

이는 그러한 호수를 만들려면 다음을 수행해야 함을 의미합니다.

  • 호수와 모든 섬의 실제 경계를 그립니다.
  • "바이칼 호수" 개체를 만들고 미리 그려진 경계 부분에서 수집한 윤곽선을 추가합니다.

이것이 우리 지도 제작자가 데이터를 보고 생성하는 방법입니다. 그리고 우리는 인터페이스를 점진적으로 개선하기 위한 출발점으로 데이터 편집을 위해 이 옵션을 선택했습니다.

편집 인터페이스의 첫 번째 버전이 개발되어 테스트 서비스에 출시되는 순간, 팀 전체가 이를 테스트하기 시작했습니다. 테스트 결과를 바탕으로 우리는 다시 만나 이 편집 방식에서 개선할 점에 대해 논의했습니다.

우리가 가장 먼저 결정한 것은 바이칼을 그리는 것은 드문 경우이며, 초보 사용자는 더 간단한 것을 그릴 가능성이 더 높다는 것입니다. 예를 들어, 지역 연못. 그리고 이것은 사소한 경우이며 연못은 하나의 수로 객체, 하나의 등고선 및 하나의 경계 섹션으로 구성됩니다. 그래서 그런 경우에는 경계선 부분과 윤곽선 등의 번거로움 없이 간단한 영역 객체로 생성하고 3개의 별도 객체(수로 객체, 윤곽선, 경계선)로 저장하도록 하겠습니다. 말하자마자 행동했습니다.


한 단계로 지형지물 경계, 윤곽, 수로 지형지물 생성

그리고 이런 식으로 사소한 개체를 만들 수 있다면 같은 방식으로 사소한 개체를 편집해 보겠습니다. 준비가 된!


하나의 개체 경계, 하나의 윤곽선 및 수로 개체로 구성된 개체 편집

엄청난! 하나의 윤곽선이 아닌 여러 섹션으로 구성된 객체도 편집해 보겠습니다.


객체 경계 3개, 외곽선 1개, 수로 객체 1개로 구성된 객체 편집

엄청난. 또한 "공통 경계"가 있는 개체와 윤곽선이 많은 개체를 편집해 보겠습니다. 하지만 여기서는 작동하지 않습니다. 다른 개체와 공통된 테두리가 있는 개체의 경우 사용자가 무엇을 하려는지 알 수 없습니다. 공유 테두리를 이동하거나 이 공유 테두리에서 개체를 해제합니다. 그리고 윤곽선 수가 많은 개체의 경우 사용자가 이제 어떤 윤곽선을 편집할지 이해하는 것이 필요합니다. 이는 이러한 경우에 대한 시나리오를 충분히 생각하고 선택 및 편집 도구를 구현해야 함을 의미합니다.


하나의 외부 윤곽선, 여러 개의 내부 윤곽선 및 수로와 공통 경계를 갖는 외부 윤곽선이 있는 연못

이제 우리는 간단한 편집 시나리오와 복잡한 편집 시나리오 사이의 경계가 어디인지 이해했습니다. 하지만 간단한 경우우리는 이미 그것들을 구현했고... 당신은 믿지 못할 것입니다. 그것들은 프로젝트 초기에 인터페이스가 디자인된 방식과 거의 비슷해 보입니다. 단지 마법이 이해 가능하고 구현 가능해졌을 뿐입니다.

후속 연구에서 우리는 복잡한 데이터 편집 시나리오를 이해하기 쉽게 만드는 방법을 알아냈지만 솔루션은 우리가 원하는 것만큼 훌륭하지 않았습니다. 우리는 사용자가 복잡한 시나리오에 직면했을 때를 감지하는 방법을 배웠습니다. 이 서비스는 인접한 객체를 편집하기 위한 규칙을 숙지하도록 제공하고 사용자에게 오류가 발생한 위치를 알려줍니다.


문서에 대한 링크와 오류가 발견된 표시를 통해 오류를 표시합니다.

다운로드 속도

기본 인터페이스를 정리했지만 바이칼 호수에 대한 대화를 계속하면서 브라우저에 로드된 20,000개 노드에서 컴퓨터가 이미 정지된 경우 어떻게 편집할지 이해해야 합니다.

이 문제도 단계별로 해결해 봅시다. 속성과 지오메트리를 편집할 수 있으며, 윤곽이 많은 경우 한 단계에서 하나의 윤곽의 지오메트리만 작업할 수 있습니다.


편집은 특정 지도 축척에서만 가능하며 사용자는 편집하려는 등고선 지오메트리를 선택하라는 메시지를 받습니다.

따라서 사용자가 편집을 위해 윤곽선을 선택하면 "마법"이 다시 작동합니다. 윤곽선이 작은 경우(예: 섬 아래의 내부 윤곽선) 완전히 로드하여 간단한 영역 개체로 편집할 수 있습니다. .


간단한 외곽선 객체를 편집하는 경우

그리고 윤곽선이 매우 크면 테두리의 보이는 부분만 로드하고 편집할 수 있도록 허용합니다. 사용자가 지도를 이동했는데 지도에 새 경계선 섹션만 있는 경우 편집을 위해 지도도 로드합니다. 따라서 거의 단순 모드의 사용자는 자신도 모르게 복잡한 개체를 편집할 수 있습니다.


개체 경계의 한 섹션만 세트에서 로드됩니다.

이러한 교활한 방법으로 우리는 브라우저의 한계, 즉 편집을 위한 데이터 로딩 속도와 사용 가능한 동시 포인트 수에 대한 제한을 우회했습니다.

편집 내용 보호

다음 중요한 임무우리의 목표는 데이터를 손상시키는 사용자로부터 서비스를 보호하는 것이었습니다. 구 인민카드는 이미 이에 대응하는 조치를 시행한 바 있다. 하지만 새로운 버전에서는 수천만 명의 사용자가 사용하는 데이터를 누구나 편집할 수 있습니다. 우리는 그것들이 손상되는 것을 방지하기 위해 가능한 모든 조치를 취해야 합니다.

이를 위해 우리는 모든 사용자 편집에 대한 조정 시스템을 사후 조정에서 사전 조정으로 변경했습니다. 즉, 오늘부터 People's Map의 모든 편집이 이루어집니다. 필수 점검중재자. 이를 통해 데이터의 품질이 더욱 향상되기를 바랍니다.

우리는 모든 데이터를 특정 날짜나 개정판으로 롤백하는 작업이 아니라 사용자가 편집한 부분만 삭제하고 나머지는 모두 보존하며 데이터의 무결성을 유지하는 작업을 수행합니다. 그 결과 데이터 저장, 데이터 개정 및 별도의 프레젠테이션에 대한 내부 개발이 이루어졌습니다.

우리 시스템의 중요한 장점 중 하나는 데이터 무결성을 잘 제어하는 ​​방법을 배웠다는 것입니다. 예를 들어, 도로의 한 부분을 편집하고 그 형상을 변경하고 있습니다.


도로 구간의 형상을 직접 편집

그런 다음 여러 도로 구간이 교차하는 인접 노드로 이동하여 편집을 시도하지만 이전 구간의 지오메트리를 간접적으로 편집합니다.


도로 구간의 지오메트리를 간접적으로 편집

이는 두 가지 관련 편집이 완료됨을 의미합니다. 그러한 간접 편집을 제어하고 버전화할 수 없다면 개체를 간접 편집 이전의 상태로 되돌릴 수 없습니다. 이는 직접 편집보다 모든 간접 편집을 금지해야 함을 의미합니다.

원칙적으로 이러한 솔루션에는 아무런 문제가 없으며 일부 매핑 서비스가 이를 수행합니다. 그러나 이 솔루션은 도로 그래프를 편집할 때 데이터에 대한 간접적인 변경이 항상 발생하기 때문에 도로 교차점을 편집할 가능성을 완전히 제거합니다.

데이터 버전 관리와 관련된 또 다른 중요한 주제는 diff 편집의 시각적 표현입니다. 당신은 항상 그것이 어떻게 생겼는지 볼 수 있습니다 최신 버전하지만 편리한 조정을 위해서는 편집 전과 후의 객체 모습을 확인하는 것이 중요합니다. 객체의 기하학적 구조에 대해 다음과 같은 차이점을 만드는 것이 특히 중요합니다.


이것은 직접 및 간접 객체 편집을 보여주기 위해 편집한 내용에 대한 기하학적 및 속성 차이의 모습입니다.


그런데 끊긴 보행자 도로를 다 그렸어요 고속도로두 개의 플롯에 대해


건물과 같은 단순한 물체의 차이점은 다음과 같습니다.

이러한 편집 내용을 시각적으로 표현하면 누가 무엇을 어떻게 편집했는지 더 빠르고 쉽게 이해할 수 있습니다.

그 결과, 지도 제작에 익숙하지 않고 데이터 구조를 이해하고 싶지 않은 사용자를 위해 간단하고 이해하기 쉬운 인터페이스를 구현할 수 있었습니다. 동시에 숙련된 사용자를 위한 편리하고 유연한 인터페이스를 만들었습니다. 그 과정에서 우리는 브라우저에서 매우 크고 "무거운" 개체를 편집하는 방법을 배웠고 모든 사용자 편집 내용을 버전 제어에 두었습니다.

그리고 이 모든 것은 사용자가 해당 영역에 대한 지식을 다른 사람들과 더욱 편리하게 공유할 수 있도록 하기 위한 것입니다.

그리고 비문은 작아 보이지 않습니다. 또한 일부 장치에서 멈추거나 갑자기 닫히는 문제도 해결했습니다. 발견한 오류에 대해 자유롭게 적어주세요. 개발자에게 신속하게 편지를 보낼 수 있도록 "애플리케이션 정보" 섹션에 버튼을 추가했습니다.

3.8
여러분의 의견을 수집하고 경로를 만들 때 발생하는 애플리케이션을 개선했습니다. 힌트에서 주소를 선택한 후 키보드가 더 이상 사라지지 않습니다.

3.45
주요 뉴스: 세계의 상세한 지도가 애플리케이션에 나타났습니다. 이제 Yandex.Maps는 전 세계를 여행하는 데 도움이 됩니다. 낯선 도시를 탐색하고 운전 경로를 구축할 수 있습니다. 우리는 현재 러시아 지도를 업데이트하고 있으며 여러 가지 작은 문제를 수정했습니다.

3.42
- 버그가 수정되었습니다.

3.40
- 새 카드조직;
- 북마크 작업 개선
- MTS 사용자를 위한 통신 품질에 대한 피드백 양식
- 오류 수정.

3.20
- 조직 및 시설에 대한 리뷰를 보고 추가합니다.
- 버그가 수정되었습니다.

3.12
- 왼쪽 등급을 편집하는 기능;
- 조직 검색 결과에 등급 표시
- 애플리케이션을 다시 설치한 후에도 북마크를 저장합니다.
- 버그가 수정되었습니다.
- 비디오 카메라에 대한 경고가 개선되었습니다. 신호음이 울리게 됩니다
v.3.11
- 오류 수정.

v.2.21
도시 지도를 휴대폰에 다운로드하는 기능

빠르고 쉬운 탐색을 위한 편리한 지도입니다.


소개:

스마트폰의 주요 특징 중 하나는 내비게이터 애플리케이션을 다운로드하기만 하면 스마트폰을 내비게이션 장치로 사용할 수 있다는 것입니다. 제공하는 인기 서비스 중 하나 지리적 지도 Yandex는 오래 전에 ''라는 Android용 공식 애플리케이션을 출시한 회사입니다. Yandex 지도". 이 응용 프로그램은 상당히 상세한 지도, 온라인과 오프라인 모두에서 작업할 수 있는 능력, Yandex의 거리 지도뿐만 아니라 해당 장소에 살고 거리의 정확한 이름을 알고 있는 사람들의 거리 지도의 존재를 자랑합니다. .



기능의:


애플리케이션을 실행하면 지도가 즉시 실행되고 현재 위치가 표시됩니다. 위치 정확도는 장치에서 선택한 정확도 설정에 따라 달라집니다. 인터페이스에는 최소한의 버튼이 포함되어 있어 매우 편리합니다. 상단에는 교통 정체 표시를 켜거나 끄는 버튼이 있고, 왼쪽에는 차량 선택 버튼이 있으며, 오른쪽에는 현재 위치 확인 버튼과 확대/축소 버튼이 있습니다. 하단 패널에는 다음과 같은 4개의 탭이 있습니다.
1. 레이어 - 사용하려는 지도 유형과 지도에서 보려는 요소를 선택할 수 있습니다.
2. 검색 - 거리뿐만 아니라 주유소, 카페 등 다양한 장소를 찾을 수 있습니다.
3. 경로 - A 지점에서 B 지점까지의 경로를 그릴 수 있습니다.
4. 메뉴 - 메뉴에서 북마크를 확인하고, 설정으로 이동하고, 지도를 기기에 다운로드하여 오프라인으로 볼 수도 있습니다.


휴대폰을 사용하여 도시 주변에서 길을 찾고 교통 정체를 피하세요. Yandex.Maps는 주머니에 300개 이상의 도시가 포함된 지도입니다. 주소, 조직, 최적의 경로를 찾아 교통 정체를 피하세요. 도로에서 무슨 일이 일어나고 있는지 따라가면 가는 길에 교통 체증, 카메라, 사고 또는 막힘이 있는 곳이 어디인지 알 수 있습니다. 모바일 애플리케이션 Yandex.Maps를 사용할 수 있습니다:
- 러시아와 우크라이나 전역의 교통 정체를 피하기 위한 자동차 경로;
- 상세지도러시아, 우크라이나, 벨로루시, 카자흐스탄의 302개 도시;
- 카페, 약국, ATM, 주유소 등은 물론 주소로 주택을 검색합니다.
- 99개 도시의 거리 파노라마
- 위성 이미지 및 인민 지도
- 교통 이벤트(비디오 감시 카메라, 사고, 수리 작업 등)가 포함된 교통 정체 지도
- 노선 대중 교통러시아 31개 도시, 우크라이나 11개 도시
- 경로(거리, 속도, 이동 시간)에 따른 안내 및 이탈 시 자동 경로 재설정
- 도시 지도를 휴대폰에 다운로드하는 기능
- 추가 정보지도상의 건물 및 기타 개체에 대해
- 음성 검색(음성 녹음 필요) Kyivstar 가입자에게는 무료 인터넷 트래픽이 제공됩니다.VKontakte 그룹에 가입하는 것을 잊지 마십시오. 정기적으로 새로운 게임에 대해 알려드립니다.

새로운 기능:

이 버전에서는 건물이 3차원으로 바뀌었고, 이제 아이콘 덕분에 상점, 카페 등 유용한 개체를 다이어그램에서 한 눈에 볼 수 있습니다. 최대한 빨리 보시려면 새로운 지도, 애플리케이션 설정에서 기존 지도를 삭제하고 새 지도를 다운로드하세요. 또한 아시다시피 애플리케이션 아이콘이 변경되었습니다.

공유하다: