APIを使った埋め込みGoogleマップの中心の位置をphpの配列から取得したい

実現したいこと

APIを使った埋め込みGoogleマップの中心の位置をphpの配列から取得したい

前提

初心者です。
jsとphpを使用しています。

発生している問題・エラーメッセージ

APIを使った埋め込みGoogleマップの中心の位置をphpの配列から取得したいが、うまく数値を取得できない

該当のソースコード

center: {
lat: <?php echo $map_center['lat']; ?>,
lng: <?php echo $map_center['lng']; ?>,
},
のところに
'lat' => '33.XXXXXXXX',
'lng' => '130.XXXXXXXX',
上記の緯度・経度を代入したい※Xは実際には数字が入ります。

java

12// 縮尺3$map_zoom = "<?php echo $map_zoom; ?>";4var Zoom = Number($map_zoom);5 6// マップ作成 ___________________________________________________________7function initMap() {8var map = new google.maps.Map(document.getElementById('Map'), {9zoom: Zoom, // 地図のズームを指定10mapTypeControl: false, //マップタイプ コントロール11fullscreenControl: false, //全画面表示コントロール12streetViewControl: false, //ストリートビュー コントロール13zoomControl: true, //ズーム コントロール14gestureHandling: "greedy", // PC：スクロールでズーム、 モバイル：指1本のスクロールで地図移動15center: {16 lat: <?php echo $map_center['lat']; ?>,17 lng: <?php echo $map_center['lng']; ?>,18 },19});

php

1<?php2## 地図の最初の中心点 ##3$map_center = [4'lat' => '33.XXXXXXXX',5'lng' => '130.XXXXXXXX',6];7## 地図の縮尺設定 ##8$map_zoom = 12;

試したこと

コードを書く位置を変える。
またそのほかは初心者につき何を試したらいいかがわかりません・・。申し訳ありません。

補足情報

atomを利用しているが、添付画像の通り色分けがおかしくなるが、jsを圧縮しなければなぜか動く
圧縮すると動かなくなる