>  기사  >  웹 프론트엔드  >  바이두 3D map_javascript 기술을 모방한 JS 데이터 공유

바이두 3D map_javascript 기술을 모방한 JS 데이터 공유

WBOY
WBOY원래의
2016-05-16 18:06:451077검색

Baidu 3D 지도의 js 데이터 형식: mapData["sign"] ["5,158,141"]={"busStation":{"4,317,282": [{"id":"ff8080811c462eb7011d2e23d5b91083","name":"Di'anmen Station " ,"y":579152,"x":650606}, {"id":"ff8080811c462eb7011d2e2414f31085","name":"디안먼역","y":579176,"x":650750}]," 4,316,283 ": [{"id":"ff8080811c462eb7011d2cc3d5630ef3","name":"白석站","y":580232,"x":648834}]}}

모방하자, 먼저 개념을 이해하자 객체를 연관 배열로 정의:
var o = new Object();
o.x="Hello!"
위의 객체를 정의했는데 객체의 속성 중 하나는 다음과 같습니다. 형태는 우리에게 공통적이다. JavaScript의 개체는 모든 데이터 값을 모든 문자열과 연결할 수 있으므로 연관 배열로 사용할 수 있습니다. 이러한 방식으로 객체를 사용하는 경우 액세스할 객체는 다른 구문을 사용해야 합니다. 즉, 대괄호로 묶이고 필수 속성 이름을 포함하는 문자열을 사용해야 합니다. 이 구문을 사용하면 위의 o 객체를 변경할 수 있습니다. x 속성.
var o = new Object();
o["x"]="Hello!"
이 방법은 다음과 같은 경우에 필요합니다. 속성 이름을 알고 있으면 "."을 사용하여 객체의 속성에 액세스할 수 없지만 속성 이름은 문자열 값이므로 연산자 []를 사용하여 속성 이름을 지정할 수 있습니다(값은 동적이므로 런타임에 변경될 수 있음). ), 식별자(정적이며 프로그램에 하드 코딩되어야 함)가 아닙니다. 객체가 이런 방식으로 사용되는 경우 이를 연관 배열이라고 부릅니다. (자세한 내용은 "JavaScript 최종 가이드(제4판)"(155페이지)을 참조하세요.)
위 설명을 통해 다음과 같이 객체를 정의할 수 있습니다.

(1)

( 2) 객체의 형태를 다음과 같이 작성할 수도 있습니다.


이 시점에서 js 데이터는 Baidu와 동일합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.