質問編集履歴

修正

2020/02/03 04:40

投稿

yows

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -297,3 +297,127 @@
 consoleには
 ``main.js:52 Uncaught TypeError: Cannot read property 'title' of undefined``とでています。
+###追記２
+単純に開かせる方法で、試してみたのですがうまく行きませんでした。
+```
+'use strict'
+{
+    var map = L.map('map').setView([38.4316, 141.3094], 12);
+    var geojsonFeature = [];
+    var test_popupContents = ['sampleA', 'sampleB', 'sampleC', 'sampleD'];
+    var lat = [38.4316, 38.4306, 38.4299, 38.4327];
+    var lon = [141.3094, 141.3076, 141.3070, 141.3087];
+    var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
+        attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+        maxZoom: 20,
+        autoClose:false
+        });
+        tileLayer.addTo(map);
+for (var i = 0; i < test_popupContents.length; i++) {
+    geojsonFeature.push({
+        "type": "Feature",
+        "properties": {
+        "popupContent": test_popupContents[i],
+    },
+    "geometry": {
+      "type": "Point",
+      "coordinates": [lon[i], lat[i]]
+    },
+    });
+}
+    L.geoJson(geojsonFeature,
+        {
+            onEachFeature: function(feature, layer){
+                if(feature.properties && feature.properties.popupContent){
+                    // layer.bindPopup(feature.properties.popupContent, {className: feature.properties.className});
+                    layer.bindPopup(feature.properties.popupContent);
+                    geojsonFeature.push(layer);
+                }
+            },
+            pointToLayer: function (feature, latlng) {
+                var m = L.marker( latlng, { title : feature.properties.popupContent } );
+                geojsonFeature.push( m );
+                return m;
+            }
+        }).addTo(map);
+        function markerFunction() {
+            for (var i in geojsonFeature) {
+                geojsonFeature[i].openPopup();
+            }
+        }
+        markerFunction();
+}
+```
+これをしますと、consoleが
+``Uncaught TypeError: geojsonFeature[i].openPopup is not a function``になります。

修正

2020/02/03 04:40

投稿

yows

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -166,7 +166,7 @@
-２／３　追記
+##２／３　追記
 いただいたコメントを参考に次のコードを書いてみました。

コード追加

2020/02/03 02:46

投稿

yows

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -163,3 +163,137 @@
 これを、すべての``test_popupContents``の配列のすべてを``openPopup()``にするためにはどうしたらよいでしょうか？
+２／３　追記
+いただいたコメントを参考に次のコードを書いてみました。
+```
+'use strict'
+{
+    var map = L.map('map').setView([38.4316, 141.3094], 12);
+    var geojsonFeature = [];
+    var test_popupContents = ['sampleA', 'sampleB', 'sampleC', 'sampleD'];
+    var lat = [38.4316, 38.4306, 38.4299, 38.4327];
+    var lon = [141.3094, 141.3076, 141.3070, 141.3087];
+    var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
+        attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
+        maxZoom: 20,
+        autoClose:false
+        });
+        tileLayer.addTo(map);
+for (var i = 0; i < test_popupContents.length; i++) {
+    geojsonFeature.push({
+        "type": "Feature",
+        "properties": {
+        "popupContent": test_popupContents[i],
+    },
+    "geometry": {
+      "type": "Point",
+      "coordinates": [lon[i], lat[i]]
+    },
+    });
+}
+    L.geoJson(geojsonFeature,
+        {
+            onEachFeature: function(feature, layer){
+                if(feature.properties && feature.properties.popupContent){
+                    // layer.bindPopup(feature.properties.popupContent, {className: feature.properties.className});
+                    layer.bindPopup(feature.properties.popupContent);
+                    geojsonFeature.push(layer);
+                }
+            },
+            pointToLayer: function (feature, latlng) {
+                var m = L.marker( latlng, { title : feature.properties.popupContent } );
+                geojsonFeature.push( m );
+                return m;
+            }
+        }).addTo(map);
+        function markerFunction( id ) {
+            for ( var i in geojsonFeature ) {
+                var geoJsonFeatureID = geojsonFeature[i].options.title;
+                if ( geoJsonFeatureID == id ) {
+                    geojsonFeature[i].openPopup();
+                }
+            }
+        }
+        markerFunction();
+}
+```
+これでも、うまく行きません。
+consoleには
+``main.js:52 Uncaught TypeError: Cannot read property 'title' of undefined``とでています。

タグ、追加

2020/02/03 02:45

投稿

yows

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -5,6 +5,66 @@
 #実際のコード
+```
+<!DOCTYPE html>
+<html>
+   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title></title>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
+   integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
+   crossorigin=""/>
+    <link rel="stylesheet" href="main.css">
+  </head>
+  <body class="container">
+    <header></header>
+    <main>
+        <div id="app">
+            <div id="map"></div>
+        </div>
+    </main>
+    <footer></footer>
+    <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
+   integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
+   crossorigin=""></script>
+    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+    <script src="main.js"></script>
+  </body>
+</html>
+```
 ```javaScripot