ブートストラップタブにリーフレットマップを表示する際に問題があります

ブートストラップタブにリーフレットマップを挿入しようとしていますが、それは機能しません。全く表示されていないか、またはタイルが見つからず、間違った位置にあります。ブートストラップタブにリーフレットマップを表示する際に問題があります

これを修正する方法はありますか？

これは問題の一例です： missing tiles

これは私のコードです：https://gist.github.com/h3kr/991ac0ee5a88d0cecba27e91c886675e

2016-11-29 Reader

あなたはリーフレットのためのCSSファイルを含めるのを忘れていました。

私はLeaflet docsを引用してみましょう：

最新の安定リーフレットリリースはCDN上でホストされている - あなたのHTMLコードの先頭でこれを置いて、すぐにそれを使用して起動する：
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> 
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script> 

出典

2016-11-29 09:20:46 IvanSanchez

ありがとうございます@IvanSanchez、今はコンテナの中にロードされていますが、マップがロードされるといくつかのタイルが紛失してしまいます。 – Reader

これは別の問題です： 'map.invalidateSize（）'の欠如。 https://stackoverflow.com/questions/17863904/leaflet-mapbox-rendering-issue-grey-area/17866865 – IvanSanchez

map.invalidateSize（）の正しい実装を探していただきありがとうございます。 [申し訳ありません、新しいjavascriptとリスナー] – Reader

ブートストラップタブにリーフレットマップを表示する際に問題があります

答えて

関連する問題