前提・実現したいこと
photoMapでpopupを制御したい
発生している問題・エラーメッセージ
http://turban.github.io/Leaflet.Photo/examples/norvegiana.html
https://github.com/turban/Leaflet.Photo
view-source:http://turban.github.io/Leaflet.Photo/examples/norvegiana.html
こちらのサイトを利用しています
下記の様に書き換えましたが、マ-カ-のポップアップが実行できません
### javascript 上記リンク先のコ-ド <!DOCTYPE html> <html> <head> <title>Leaflet Norvegiana</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:image" content="route.png" /> <link rel="stylesheet" href="lib/leaflet/leaflet.css" /> <link rel="stylesheet" href="lib/cluster/MarkerCluster.css" /> <link rel="stylesheet" href="../Leaflet.Photo.css" /> <link rel="stylesheet" href="css/map.css" /> </head> <body> <div id="map"></div> <script src="lib/reqwest.min.js"></script> <script src="lib/leaflet/leaflet.js"></script> <script src="lib/cluster/leaflet.markercluster.js"></script> <script src="../Leaflet.Photo.js"></script> <script> **→追加 var mymarker = [];** var map = L.map('map', { maxZoom: 17 }); L.tileLayer('http://opencache.statkart.no/gatekeeper/gk/gk.open_gmaps?layers=norges_grunnkart&zoom={z}&x={x}&y={y}', { attribution: '© <a href="http://kartverket.no/">Kartverket</a>' }).addTo(map); var photoLayer = L.photo.cluster({ spiderfyDistanceMultiplier: 1.2 }).on('click', function (evt) { evt.layer.bindPopup(L.Util.template('<img src="{url}"/></a><p>{caption}</p>', evt.layer.photo), { className: 'leaflet-popup-photo', minWidth: 400 }).openPopup(); }); 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', 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({ 〇photos = [{** 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] **×}); 〇}];** } **→追加 var mymarker[i] = photoLayer.add(photos).addTo(map);** } **→削除 photoLayer.add(photos).addTo(map);** map.fitBounds(photoLayer.getBounds()); } **→追加 mymarker[5].openPopup();** //6番目をポップアップしたい });
試したこと
上記コ-ドに修正しましたが、希望するポップアップは表示されません
どなたか ご教授ください
補足情報(FW/ツールのバージョンなど)
。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。