2012-09-04 4 views
9

Google지도 v3 API를 사용하여 비디오 게임의지도에 맞춤 타일을 사용하는 대화식 Google지도 인터페이스를 생성하고 싶습니다. 앱은 확대/축소하고 각 확대/축소 수준에 적합한 타일을 표시 할 수 있어야합니다.Google지도 가상의 비디오 게임 세계를위한 API 맞춤 타일

나는 이것을 수행하는 방법에 대한 자료 나 자습서를 찾고 있습니다. Google Maps v3 API는 일반적인 Google지도 타일 위에 놓인 맞춤 타일을 사용하여 논의하는 것으로 보입니다. 내 맵은 허구의 세계를위한 것이고 현실 세계지도의 어떤 것과도 일 치하지 않기 때문에 내 애플리케이션에서는 의미가 없습니다. 아마도 API 가이드에서 내가 무엇을 필요로하는지 모르겠다.

+2

답변에 관심이있는 사용자는 Google Maps API에서 포기하고 http://leafletjs.com을 사용하도록 전환했습니다. 훨씬 더 강력하고, 개발하기 쉽고, 좋은 문서로 잘 관리됩니다. 결코 뒤돌아 보지 마라. –

+0

Google지도 /지도 엔진으로 충분하지 않은 이유가있는 이유는 무엇인가요? –

+0

리플릿을 개발하는 동안 Google지도에서 30 줄 이상의 코드를 사용하는 것과 비교하여 1 줄의 코드에서 필요한 것을 수행 한 경우가 많이있었습니다. 전단지는 오픈 소스입니다. Github에서 적극적으로 개발되었습니다. 솔리드. Google Maps API는 꽤 많은 블랙 박스입니다. –

답변

5

Maps API 로의 통합을 용이하게하는 적절한 파일/디렉토리 구조로 사용자 정의 게임 맵 이미지를 자르거나 (here's an example Photoshop 사용) 및 일부 예제 HTML/JS 코드). 또는 TileMill과 같은 좀 더 친숙한 도구를 사용하십시오. 그러나 표준 공간 데이터 형식의 데이터가 필요하며 게임 맵을 이러한 형식으로 저장하지 않아도됩니다. 이 경로를 사용할 수 있다면 통합을 더욱 쉬워주는 TileServe이라는 Node.js 기반 서버도 제공합니다.

교통량이 많을 것으로 예상되는 경우 Google Maps Engine을보고 Google 인프라에서 직접 사용자 지정 게임 맵 이미지를 호스팅 할 수 있습니다.

8

참조로 ImageMapType 클래스를 확인하십시오. 타일 ​​Moon을 보여주는 멋진 예제가 있습니다.

내가 가장 좋아하는 응용 프로그램 중 하나는 The Internet map이며, 개발자는 개발 방법에 대해 꽤 달콤한 article을 작성했습니다.

+0

불행히도 Moon 예제는 레이아웃을 무한히 수평으로 바둑판 식으로 배열하고 있습니다. 그래서 그게 나를 위해 잘되지 않았다. –

관련 문제