質問編集履歴
1
記述の間違い
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
|
+
初めて利用させていただきます。至らない点がございましたらご指摘ください。
|
|
2
3
|
wordpressのプラグイン及びgooglemapapiについてお教え願います。
|
|
4
|
+
|
|
3
5
|
以前プラグインsimplemapを使用していましたが、クライアントが簡単に地図を表示できるようにする必要が生じ、前述のプラグインを削除し、他の項目に使用していたプラグインAdvanced Custom Fieldsのgooglemapを使用することとしました。
|
|
4
|
-
公式ページの記述例通りに記述したところ、管理画面
|
|
6
|
+
公式ページの記述例通りに記述したところ、ローカル環境では管理画面・公開ページとも正しく表示されますが、運用サーバ上では公開ページでエラーとなり表示されません。
|
|
5
7
|
|
|
6
8
|
エラーの原因を特定したいのですが、お心当たりございますでしょうか。
|
|
7
9
|
ご指摘いただけましたら幸いです。よろしくお願いいたします。
|
|
@@ -19,32 +21,42 @@
|
|
|
19
21
|
|
|
20
22
|
// functions.phpの記述
|
|
21
23
|
function my_acf_google_map_api( $api ){
|
|
22
|
-
$api['key'] = '
|
|
24
|
+
$api['key'] = '取得したキー';
|
|
23
25
|
return $api;
|
|
24
26
|
}
|
|
25
27
|
add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');
|
|
26
28
|
|
|
27
29
|
// header.phpの記述
|
|
28
|
-
<script src="https://maps.googleapis.com/maps/api/js?key=
|
|
30
|
+
<script src="https://maps.googleapis.com/maps/api/js?key=取得したキー"></script>
|
|
29
31
|
<script type="text/javascript">
|
|
30
32
|
(function($) { //以下公式と同じ
|
|
31
33
|
|
|
32
34
|
// 該当のカスタム投稿 content-test.php
|
|
35
|
+
<div id="map">
|
|
36
|
+
<?php
|
|
37
|
+
$location = get_field('acfで設定したフィールド名');
|
|
38
|
+
if( !empty($location) ):
|
|
39
|
+
?>
|
|
40
|
+
<div class="acf-map">
|
|
41
|
+
<div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
|
|
42
|
+
</div>
|
|
43
|
+
<?php endif; ?>
|
|
33
44
|
|
|
34
|
-
|
|
35
45
|
```
|
|
36
46
|
|
|
37
47
|
###試したこと
|
|
38
|
-
|
|
48
|
+
キーの重複読込でエラーがでているようなので、プラグインの記述を全て削除して読込だけ（headに<script src="～）を試しましたが、noapikeysのエラーがでます。
|
|
39
49
|
|
|
40
50
|
ソースを「maps.googleapis」で全文検索してみましたが、ヒットする箇所は１カ所のみです。
|
|
41
51
|
|
|
42
|
-
|
|
52
|
+
キーのリファラーは設定済みです。（未設定でも試してはみました）
|
|
43
53
|
|
|
44
54
|
Google Maps JavaScript APIほかmap系ライブラリは有効です。
|
|
45
55
|
|
|
46
|
-
$googlemapでaddress、lat、lngの値は取得・出力できています。
|
|
56
|
+
$googlemapでaddress、lat、lngの値は取得・出力できています。（エラーはでてます）
|
|
47
57
|
|
|
48
58
|
|
|
49
59
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
|
60
|
+
ローカルは主にinstantWPで作業しています。
|
|
50
|
-
|
|
61
|
+
主な作業ツールはadobedw(cc)
|
|
62
|
+
主要ブラウザはchrome、他IE11、opera、firefox、Edgeで確認
|