Я использую javascript API для отображения карты на моем веб-сайте, и она работает, но когда я изменяю значения на значения базы данных, это не работает

Question

Когда я ввожу необработанные данные для широты, мой код работает нормально. Пример здесь:

<script type = "text/javascript">
    function my_map_add() {
        var myMapCenter = new google.maps.LatLng(28.5383866, 77.34916609);
        var myMapProp = {
            center: myMapCenter,
            zoom: 12,
            scrollwheel: false,
            draggable: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("my_map_add"), myMapProp);
        var marker = new google.maps.Marker({
            position: myMapCenter
        });
        marker.setMap(map);
    } 
</script>

Но когда я делаю это, это не работает. ($ id1 и $ id2 являются значениями из базы данных). Пример:

<script type = "text/javascript">
    function my_map_add() {
        var myMapCenter = new google.maps.LatLng($id1, $id2);
        var myMapProp = {
            center: myMapCenter,
            zoom: 12,
            scrollwheel: false,
            draggable: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("my_map_add"), myMapProp);
        var marker = new google.maps.Marker({
            position: myMapCenter
        });
        marker.setMap(map);
    } 
</script>

Answer 1

Если $id из PHP переменной, вы должны использовать эхо, как:

<script type="text/javascript">
function my_map_add() {
var myMapCenter = new google.maps.LatLng(<?php echo $id1.','.$id2; ?>); //here
var myMapProp = {center:myMapCenter, zoom:12, scrollwheel:false, draggable:false, 
mapTypeId:google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("my_map_add"),myMapProp);
var marker = new google.maps.Marker({position:myMapCenter});
marker.setMap(map);
}
</script>