使用 php 将值从数据库设置为 JavaScript答案

【问题标题】：Set value from database to JavaScript using php使用 php 将值从数据库设置为 JavaScript
【发布时间】：2016-04-14 15:49:57
【问题描述】：

我必须在我的网站上显示谷歌地图标记，其中纬度和经度的值来自latitude 和longitude 列的数据库。

最初的 JavaScript 代码是

var map;
function initialize() {
    map = new GMaps({
        div: '#map',
        lat: -37.817917,
        lng: 144.965065,
        zoom: 16

    });
    map.addMarker({
        lat: -37.81792,
        lng: 144.96506,
        title: 'Marker with InfoWindow',
        icon: 'images/map-marker.png',
        infoWindow: {
            content: '<p>Melbourne Victoria, 300, Australia</p>'
        }
    });
}

我尝试将 php 代码放置为：

lat: <?php echo $latitude; ?>
lng: <?php echo $latitude; ?>

但它不起作用。

我想出另一种方法是将输入字段值设置为坐标，然后使用 getElementById 将其调用到 JavaScript

<input id="map_latitude" value="<?= $latitude ?>" hidden>
<input id="map_longitude" value="<?= $longitude ?>" hidden>

在 JavaScript 中：（这只是实验性的，不知道是否正确）

lat: getElementById('#map_latitude'),
lng: getElementById('#map_longitude')

【问题讨论】：

第二部分应该可以了。尝试制作lat: $('#map_latitude').val(), lng: .$(#map_longitude').val()。如果你设置 JQuery. PS：确保你没有得到空值。
How to pass variables and data from PHP to JavaScript?的可能重复

标签： javascript php database google-maps mysqli

【解决方案1】：

第二个选项试试下面的

lat: document.getElementById('map_latitude').value,
lng: document.getElementById('map_longitude').value

【讨论】：

【解决方案2】：

这应该完全有效：

div: '#map',
lat: <?php echo $latitude; ?>,
lng: <?php echo $longitude; ?>,

第二个选项应该也可以，但需要稍作改动。

var map;
var lati = getElementById('map_latitude').value;   //Need to select the value
var longi = getElementById('map_longitude').value; //and remove the hashtag ( # )
function initialize() {
    map = new GMaps({
        div: '#map',
        lat: lati,
        lng: longi,
        zoom: 16

始终检查您的控制台是否有错误。

【讨论】：