###前提・実現したいこと
leaflet.js で地図を表示したいです。
###発生している問題・エラーメッセージ
実行すると画像の順番がバラバラになります。
<追記> chrome以外で表示しますと表示位置もバラバラで空白だらけになります。
###該当のソースコード
例で国土地理院の地図を表示しています。
html
1<!doctype html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 6</head> 7 8<body> 9 10<div id="map"></div> 11 12<script src="js/main.js"></script> 13</body> 14</html> 15 16main.js 17 18 19var map = L.map('map').setView([36.3219088 , 139.0032936], 14); 20 21L.tileLayer( 22 'http://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', 23 { 24 attribution: "<a href='http://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html' target='_blank'>国土地理院</a>" 25 } 26).addTo(map);
###試したこと
leaflet.css を読み込むと全く表示されなくなります。
###補足情報(言語/FW/ツール等のバージョンなど)
leaflet v0.7.7
回答1件
あなたの回答
tips
プレビュー