Leafletのjsonpのコールバックをローカルから呼び出したい

Question

下記のURLにLeaflet.photoというプラグインの事例があり、
その中で、JSONPを呼び出しているところがあり、そのJSONPをダウンロードして、
ローカル（ネットがつながっていなくても）読み込めるようにしたいのですが、
下記（2）のようにしても読み込めませんでした。
データベースを扱った事が無く、このurlの意味がわからず（データベース的なものだと解釈しました）、
アドバイスを頂けたら助かります。

元のデモ
http://turban.github.io/Leaflet.Photo/examples/norvegiana.html

Leaflet.Photo
https://github.com/turban/Leaflet.Photo

関連ライブラリ
https://github.com/request/request

元の部分

	reqwest({
		url: 'http://kulturnett2.delving.org/api/search?query=*%3A*&format=jsonp&rows=100&pt=59.936%2C10.76&d=1&qf=abm_contentProvider_text%3ADigitaltMuseum',
..省略

（2） url: を書き換えて動かなかったもの
http://kulturnett2.delving.org/api/search?query=*%3A*&format=jsonp&rows=100&pt=59.936%2C10.76&d=1&qf=abm_contentProvider_text%3ADigitaltMuseum をローカルに保存

	reqwest({
		url: 'search.jsonp',
		type: 'jsonp',
		success: function (data) {
			var photos = [];
			data = data.result.items;

			for (var i = 0; i < data.length; i++) {
				var photo = data[i].item.fields;
				if (photo.abm_latLong) {
					var pos = photo.abm_latLong[0].split(',');
					photos.push({
						lat: pos[0],
						lng: pos[1],
						url: photo.delving_thumbnail[0],
						caption: (photo.delving_description ? photo.delving_description[0] : '') + ' - Kilde: <a href="' + photo.delving_landingPage + '">' + photo.delving_collection + '</a>',
						thumbnail: photo.delving_thumbnail[0]
					});
				}	
			}

			photoLayer.add(photos).addTo(map);
			map.fitBounds(photoLayer.getBounds());
		}
	});

Answer 1

Chrome はローカルでXMLHttpRequestが出来ないため、制限を外すかFirefoxなどで確認してみてください。

【【解説付き】chromeでXMLHttpRequestをローカルのファイルで行う方法 - Qiita】
http://qiita.com/growsic/items/a919a7e2a665557d9cf4

【[その他] ChromeにてAjaxでローカルファイルにアクセス - Qiita】
http://qiita.com/cigalecigales/items/33afaa42f91542ffa62e

---

また、ローカルに落とすのであればJSON文字列を抜き出して外部jsの形に直してそのまま読めばよいと思います。

var json_moji = '{"a":"b"}'; // JSON文字列を入れて
json_moji = JSON.parse( json_moji );

Comments

[oyatsu8]

ありがとうございました！