前提・実現したいこと
マップ上にサークルを表示し、任意のサークルをクリックした時に、番号を表示したい。
postgresql上に、緯度経度のデータが存在し、Djangoを用い、python上でgeojson形式に変換。
geojson形式内のpropertiesにpopupContentを記述して起き、javascript内で呼び出す方法を方法を現在考えています。
発生している問題・エラーメッセージ
特にエラーが見受けられず、サークルをクリックしても何も表示されない状態です。
geojson形式の記述に問題はないと思われます。(エラーが発生いないため)
javascriptでの記述に問題があるのではないかなと思っていますが、どこが間違っているのかわからない状況です。
該当のソースコード
canvas.jsの一部
1var hidingMarker = function(feature, latlng) { 2 return new L.CircleMarker(latlng, { 3 radius: 30, 4 color: "#00ff00", 5 fillColor: '#00ff00', 6 fillOpacity: 0.2, 7 }) 8 }; 9 L.geoJson(geojson, {pointToLayer: hidingMarker}, 10 {onEachFeature: function(feature, layer){ 11 if(feature.properties && feature.properties.popupContent){ 12 layer.bindPopup(feature.properties.popupContent); 13 } 14 } 15 }).addTo(map);
views_models.pyの一部
1def __init__(self, obj): 2 self.obj = obj 3 4 def as_dict(self): 5 node = self.obj 6 return { 7 'type': 'Feature', 8 'properties': { 9 'node': { 10 'node_id': node.node_id, 11 }, 12 'popupContent': 'これは'+ str(node.node_id) + '番目です。' 13 }, 14 'geometry': { 15 'type': 'Point', 16 'coordinates': [node.latlng.x,node.latlng.y], 17 }, 18 }
試したこと
popupContentではなく、popupでの場合も試してみましたが(canvas.jsの記述も変更)、クリックしても何も起こらない状態です。
補足情報(FW/ツールのバージョンなど)
必要な情報が抜けている可能性があります。
お手数をおかけすることになりますが、足りていない情報がありましたら、記述していただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。