質問編集履歴

1

文の追記

2022/02/14 16:07

投稿

ryota5656
ryota5656

スコア8

test CHANGED
File without changes
test CHANGED
@@ -85,7 +85,7 @@
85
85
  により行っていない場所の緯度経度とマップ表示のためのidを記述しています。
86
86
  "todo-maps<%=i%>"に関しては複数マップを表示させるためIDをユニークにする必要があると思い、記述しています。"todo-maps0"や"todo-maps1"といった感じです。
87
87
 
88
- <script>では
88
+ scriptでは
89
89
  ```ここに言語を入力
90
90
  const e = document.getElementById('todo-maps<%=i%>');
91
91
  ```
@@ -96,6 +96,16 @@
96
96
  で緯度経度を取得して表示するという記述をしています。
97
97
 
98
98
  以上の説明ですが、マップの表示が一番最初のものしか表示することができません。
99
+ ```ここに言語を入力
100
+ var latlng = new google.maps.LatLng(<%=place.latitude%>,<%=place.longitude%>;
101
+ ```
102
+ こちらにはきちんとeach文により取得した緯度経度がそれぞれ入っているのは確認できています。
103
+ どのようにすれば複数マップが表示されるのでしょうか、
104
+ 予想ではtodo-map1 todo-map2 todo-map5のようなIDが作られ
105
+ new google.mapsで緯度経度を取得しgetElementByIdによりそれぞれのIDのstyleに反映されて行くイメージでしたが、違うのでしょうか・・・
106
+ どのようにしたら複数マップが表示されますか?
107
+
108
+ HTMLの記述など整っていない点ありますが、ご教授願います。
99
109
 
100
110
 
101
111