Quais bibliotecas de mapeamento da web são adequadas para mapas internos? [fechadas]


11

Estou procurando uma biblioteca de mapeamento personalizada, mas não para exibir uma área geográfica real, mas para exibir uma planta baixa personalizada. Estou procurando há algum tempo, mas a maioria das soluções que encontrei são para áreas geográficas.

Gostaria de personalizar alguns níveis de zoom (provavelmente 3 níveis) e, idealmente, estou procurando uma solução JavaScript, HTML5 (canvas, SVG).

Alguém tem alguma sugestão?



1
Você pode elaborar todos os seus requisitos? Quais tipos de recursos você está mapeando e quais tipos de interatividade você deseja fornecer? Aproximadamente qual é o tamanho da instalação? A funcionalidade de mapeamento interno precisa se integrar a um mapa ao ar livre / mundo?
blah238

Obrigado por essas ótimas respostas. Vou examinar essas soluções / links que você recomendou. Para fornecer mais informações, eu gostaria de mapear um plano de assentos (cubículos individuais, escritórios e equipes (por exemplo, engenheiro, gerente de produto etc.) em um mapa de chão. Portanto, não é necessário ter a funcionalidade de mapeamento para integrar-se a um mapa ao ar livre / mundo.
Tamas 31/10

Respostas:


9

Fiz meu próprio aplicativo de mapa usando meus próprios mapas de imagens. Nossa universidade mudou para um novo campus e estou mapeando 7 andares (internos), com 5 níveis de zoom, a partir de mapas desenhados à mão.

O Leaflet pode trabalhar com blocos de mapa personalizados! Eu segui este guia (omarriott.com/aux/leaflet-js-non-geographic-imagery), apenas que fiz algumas tentativas e erros com os números do nível de zoom para garantir que o mapa fosse exibido (seguir o guia exatamente não trabalhe para mim).

Existe um plugin chamado Leaflet Indoor, mas ele depende do geoJson, que eu não tinha. Tudo o que tenho são coordenadas de imagem personalizadas e meu próprio Json personalizado. De qualquer forma, o folheto é capaz de converter as coordenadas da imagem em lat (e vice-versa) com os métodos de projeto e projeto.

O que fiz para criar pisos diferentes foi usar o controle de camada. Obviamente, leva um tempo para descobrir a API e garantir que tudo funcione como deveria. Por exemplo, agrupei meus marcadores para cada andar e codifiquei uma maneira de renderizá-los perfeitamente em diferentes níveis de zoom. E carregar um piso diferente requer um manipulador para carregar marcadores corretamente também.

Sei que o Leaflet tem vários exemplos de mapas geográficos e pode deixar pessoas como nós no escuro, mas quero garantir que é possível fazer isso para mapas personalizados. Você precisa da imagem, agrupe-a corretamente (com nomes corretos), carregue-a em uma CDN como a Amazon e use a API do Leaflet.



2

Trate a planta como uma área geográfica. O OpenLayers ou o Leaflet não se importam se o material que eles estão exibindo é interno ou externo - desde que você possa definir um sistema de coordenadas, tudo ficará bem.


1
Eu diria que há aspectos de mapeamento interno que são complicados com bibliotecas de mapeamento de uso geral, como vários andares, precisão, conectividade, roteamento etc. que apresentam desafios únicos. E combinar tudo isso com uma biblioteca de mapeamento de uso geral para exteriores também é provavelmente bastante difícil.
blah238

blah238: wiki da comunidade. Edite à vontade.
BradHards
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.