質問編集履歴

1

試したことの補足

2016/05/05 03:11

投稿

capella
capella

スコア45

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で使う事例は多いのですが…知識が浅いせいか応用もききません。