実現したいこと
「APIを利用したGoogleマップ」を表示させるjsファイルを作成しました。
そのファイル内のマップのデフォルト中心地を記述するところに別で作成したphpファイルの配列の値を呼び出して代入したい
発生している問題・分からないこと
jsファイル内に記述した以下
center: {
lat: <?php echo $map_center['lat']; ?>,
lng: <?php echo $map_center['lng']; ?>,
},
のところに
別phpファイルに記述した配列内の
'lat' => '33.XXXXXXXX',
'lng' => '130.XXXXXXXX',
上記の緯度・経度を代入したい
※Xは実際には数字が入ります。
該当のソースコード
java
1// 縮尺 2$map_zoom = "<?php echo $map_zoom; ?>"; 3var Zoom = Number($map_zoom); 4 5// マップ作成 ___________________________________________________________ 6function initMap() { 7var map = new google.maps.Map(document.getElementById('Map'), { 8zoom: Zoom, // 地図のズームを指定 9mapTypeControl: false, //マップタイプ コントロール 10fullscreenControl: false, //全画面表示コントロール 11streetViewControl: false, //ストリートビュー コントロール 12zoomControl: true, //ズーム コントロール 13gestureHandling: "greedy", // PC:スクロールでズーム、 モバイル:指1本のスクロールで地図移動 14center: { 15 lat: <?php echo $map_center['lat']; ?>, 16 lng: <?php echo $map_center['lng']; ?>, 17 }, 18});
php
1<?php 2## 地図の最初の中心点 ## 3$map_center = [ 4'lat' => '33.XXXXXXXX', 5'lng' => '130.XXXXXXXX', 6]; 7## 地図の縮尺設定 ## 8$map_zoom = 12;
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
・添付画像の通り『 lng: <?php echo $map_center['lng']; ?>,』の部分の色分けがおかしくなるが、原因がわからない
・jsを圧縮しなければなぜか動く
・圧縮すると動かなくなる(ラッコツールズのサイトで圧縮)
・地図の縮尺の数値は問題なく呼び出されている
・center: {
lat: <?php echo $map_center['lat']; ?>,
lng: <?php echo $map_center['lng']; ?>,
},
の記述のところを、
center: {
lat: 33.XXXXXXXX,
lng: 130.XXXXXXXX,
},
のように直接数値を入れた場合には問題なく動く
補足
・atomを利用している
・phpとjsのファイルは別ファイル
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/01/11 05:33