Novo no Leaflet, atualmente tentando migrar um projeto do Google Maps nativo para o Leaflet; tendo sido atraídos para o Leaflet pelo gerenciamento de camadas e pelas opções de uso de melhores mapas de base de estilo 'roadmap'.
Transferiu o plug-in para usar os blocos do Google Map como um mapa base do Leaflet e funciona muito bem como uma camada base.
No entanto, encontrei um problema e não tenho experiência suficiente com o Leaflet para entender o porquê. Tenho marcadores que são visíveis em qualquer outra camada de base - mas não no Google. Tentei forçar a ordem Z alta (1000 etc.), mas isso não faz diferença. A opacidade dos marcadores está cheia 1.0
Os marcadores são visíveis em todas as outras camadas (por exemplo, OSM), quando alterno a base para o Google (satélite ou mapa), eles não são mais exibidos, mas voltamos para uma base que não é do Google e estão lá novamente.
A razão pela qual estou buscando a camada base do Google é que o Google é (até onde eu sei) o único fornecedor de quadros fotográficos aéreos detalhados e consistentes para minha região de interesse. Deseja usar outros mapas, mas tem a opção de alternar para a visualização "satélite" do Google por meio do gerenciador de camadas.
Atualmente, usando o Leaflet v0.4.5 (mas também tentaram a v0.4), os mesmos sintomas ocorrem em navegadores diferentes (IE, FF etc.).
Ficaria grato por qualquer ajuda.
fonte
Só para esclarecer, isso é contrário aos Termos de Serviço do Google, portanto, prossiga com cuidado.
fonte
Alguns outros números nos índices z, mostrados em outros lugares, funcionaram do meu lado. Postagem cruzada a partir daqui: https://gist.github.com/crofty/2197042#comment-1234339
(coloque isso no CSS ou na
<style>
seção da sua página da web )fonte
Tente colocar isso em seu css:
Isso me ajudou na mesma situação
fonte