質問編集履歴
1
試したことの補足
test
CHANGED
File without changes
|
test
CHANGED
@@ -149,3 +149,45 @@
|
|
149
149
|
[ZoomifyLayer](https://github.com/kalse/zoomify-layer)
|
150
150
|
|
151
151
|
[Leaflet.Zoomify](http://blog.thematicmapping.org/2013/06/showing-zoomify-images-with-leaflet.html)
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
---
|
156
|
+
|
157
|
+
###さらに試したこと
|
158
|
+
|
159
|
+
この際タイル化した画像じゃなく、ただの画像でもいいやと思い、次のソースを試してみました。
|
160
|
+
|
161
|
+
```javascript
|
162
|
+
|
163
|
+
var w = 960,
|
164
|
+
|
165
|
+
h = 720,
|
166
|
+
|
167
|
+
url = 'mac.jpg';
|
168
|
+
|
169
|
+
|
170
|
+
|
171
|
+
var bounds = new L.LatLngBounds([0, 0], [960, 720]);
|
172
|
+
|
173
|
+
|
174
|
+
|
175
|
+
var tegaki = L.imageOverlay(url, bounds, {
|
176
|
+
|
177
|
+
continuousWorld: true,
|
178
|
+
|
179
|
+
crs: L.CRS.Simple
|
180
|
+
|
181
|
+
});
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
```
|
186
|
+
|
187
|
+
色々調べて「L.CRS.Simple」を使うのではないかと思い、従前のソースのtegaki以下を変更してみました。
|
188
|
+
|
189
|
+
結果は変わりませんでした。やはり画像は緯度経度0度付近から始まってしまいます。今回の場合は解像度のせいか、世界地図に縦横比を合わせたみたいに画像が歪んでしまいました。
|
190
|
+
|
191
|
+
|
192
|
+
|
193
|
+
英語サイトを中心に情報を漁っていますが、自分のように地図レイヤーの上に画像レイヤーを重ねて、切り替えて使いたいという事例には辿り着きませんでした。こういう使い方は一般的ではないのでしょうか。zoomifyを使う場合も含めて、画像レイヤー一枚をleefletで使う事例は多いのですが…知識が浅いせいか応用もききません。
|