teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

タイトル変更

2020/11/11 10:33

投稿

katahaba
katahaba

スコア15

title CHANGED
@@ -1,1 +1,1 @@
1
- htmlからjavascript内の関数(google map)を呼び出すと xxxx is not a function とエラーがでる
1
+ htmlに直がきしたjavascript(google map)でしかマップが表示されない。(別ファイルにすと真っ白)
body CHANGED
File without changes

1

ファイル名修正

2020/11/11 10:33

投稿

katahaba
katahaba

スコア15

title CHANGED
File without changes
body CHANGED
@@ -14,7 +14,8 @@
14
14
  return view('microposts.show', ['json_micropost'=>$json_micropost]);
15
15
  }
16
16
  ```
17
- jsは別ファイルにして読み込んでいます (public/js/gmap/show_map.js)
17
+ jsは別ファイルにして読み込んでいます 
18
+ show.blade.php
18
19
  ```html
19
20
  @extends('layouts.app')
20
21
 
@@ -28,7 +29,7 @@
28
29
  @endsection
29
30
  ```
30
31
  中身はこんな感じです。
31
- show_map.js 
32
+ public/js/gmap/show_map.js
32
33
  ```javascript
33
34
  function show_map() {
34
35
  let lat = JSON.parse(@json($json_micropost))['map_lat'];
@@ -45,6 +46,7 @@
45
46
  Uncaught SyntaxError: Invalid or unexpected token show_map.js:2 と
46
47
  c.apply is not a function
47
48
  がでます。二行目がいけないとのことなので、ためしに以下のように数値を入れるとうまく表示されました。
49
+ c.applyとはなんのことかわかりませんでした。
48
50
  ```javascript
49
51
  // let lat = JSON.parse(@json($json_micropost))['map_lat'];
50
52
  // let lng = JSON.parse(@json($json_micropost))['map_lng'];