質問編集履歴

3

jsコード記述

2021/03/18 13:08

投稿

takenoko011412
takenoko011412

スコア7

test CHANGED
File without changes
test CHANGED
@@ -226,17 +226,7 @@
226
226
 
227
227
  <div id='map'></div>
228
228
 
229
- <style>
229
+
230
-
231
- #map{
232
-
233
- height: 750px;
234
-
235
- width: 100%;
236
-
237
- }
238
-
239
- </style>
240
230
 
241
231
  <script>
242
232
 
@@ -290,11 +280,83 @@
290
280
 
291
281
  </script>
292
282
 
293
- <script src="https://maps.googleapis.com/maps/api/js?key=□□□□□&callback=initMap" async defer></script>
283
+ <script src="https://maps.googleapis.com/maps/api/js?key={}&callback=initMap" async defer></script>
294
-
284
+
295
- ```
285
+ ```
286
+
287
+
288
+
296
-
289
+ 投稿した後のjsコード
290
+
297
-
291
+ ```
292
+
293
+ <script>
294
+
295
+ let map
296
+
297
+
298
+
299
+ function initMap(){
300
+
301
+ geocoder = new google.maps.Geocoder()
302
+
303
+
304
+
305
+ map = new google.maps.Map(document.getElementById('map'), {
306
+
307
+ center: {lat: 35.68123620000001, lng:139.7671248},
308
+
309
+ zoom: 12,
310
+
311
+ });
312
+
313
+
314
+
315
+
316
+
317
+ (function(){
318
+
319
+ var contentString = "住所:東京都葛飾区青戸3丁目33−16";
320
+
321
+
322
+
323
+ var marker = new google.maps.Marker({
324
+
325
+ position:{lat: , lng: },
326
+
327
+ map: map,
328
+
329
+ title: contentString
330
+
331
+ });
332
+
333
+
334
+
335
+ })();
336
+
337
+ (function(){
338
+
339
+ var contentString = "住所:葛飾区";
340
+
341
+
342
+
343
+ var marker = new google.maps.Marker({
344
+
345
+ position:{lat: , lng: },
346
+
347
+ map: map,
348
+
349
+ title: contentString
350
+
351
+ });
352
+
353
+
354
+
355
+ })();
356
+
357
+ }
358
+
359
+ ```
298
360
 
299
361
  現在のコンソールの状態
300
362
 

2

jsコード記述

2021/03/18 13:08

投稿

takenoko011412
takenoko011412

スコア7

test CHANGED
File without changes
test CHANGED
@@ -220,6 +220,82 @@
220
220
 
221
221
 
222
222
 
223
+ 現在のjsコード
224
+
225
+ ```
226
+
227
+ <div id='map'></div>
228
+
229
+ <style>
230
+
231
+ #map{
232
+
233
+ height: 750px;
234
+
235
+ width: 100%;
236
+
237
+ }
238
+
239
+ </style>
240
+
241
+ <script>
242
+
243
+ let map
244
+
245
+
246
+
247
+ function initMap(){
248
+
249
+ geocoder = new google.maps.Geocoder()
250
+
251
+
252
+
253
+ map = new google.maps.Map(document.getElementById('map'), {
254
+
255
+ center: {lat: 35.68123620000001, lng:139.7671248},
256
+
257
+ zoom: 12,
258
+
259
+ });
260
+
261
+
262
+
263
+
264
+
265
+ <% @noodles.each do |t| %>
266
+
267
+ (function(){
268
+
269
+ var contentString = "住所:<%= t.address %>";
270
+
271
+
272
+
273
+ var marker = new google.maps.Marker({
274
+
275
+ position:{lat: <%= t.latitude %>, lng: <%= t.longitude %>},
276
+
277
+ map: map,
278
+
279
+ title: contentString
280
+
281
+ });
282
+
283
+
284
+
285
+ })();
286
+
287
+ <% end %>
288
+
289
+ }
290
+
291
+ </script>
292
+
293
+ <script src="https://maps.googleapis.com/maps/api/js?key=□□□□□&callback=initMap" async defer></script>
294
+
295
+ ```
296
+
297
+
298
+
223
299
  現在のコンソールの状態
224
300
 
225
301
  ![イメージ説明](8433f8c1e66eb45c535f0baa739485d6.png)

1

コンソールの状態(すべての仕様を行ったらこのようなコードがでてきました…)

2021/03/15 12:24

投稿

takenoko011412
takenoko011412

スコア7

test CHANGED
File without changes
test CHANGED
@@ -220,6 +220,12 @@
220
220
 
221
221
 
222
222
 
223
+ 現在のコンソールの状態
224
+
225
+ ![イメージ説明](8433f8c1e66eb45c535f0baa739485d6.png)
226
+
227
+
228
+
223
229
 
224
230
 
225
231
  ### 参考記事