Javascript 谷歌地图api、标记和php/mysql

我有下面的代码

    <script type="text/javascript">
        var icon = new google.maps.MarkerImage("img/pin_yellow.png",
                   new google.maps.Size(32, 32), new google.maps.Point(0, 0),
                   new google.maps.Point(16, 32));
        var center = null;
        var map = null;

        var currentPopup;
        var bounds = new google.maps.LatLngBounds();

        var style= [{"stylers":[{"visibility":"on"},{"saturation":-100},{"gamma":0.54}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"water","stylers":[{"color":"#4d4946"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"simplified"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"labels.text","stylers":[{"visibility":"simplified"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"gamma":0.48}]},{"featureType":"transit.station","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"gamma":7.18}]}];

        function addMarker(lat, lng, info) {    

            var pt = new google.maps.LatLng(lat, lng);
            bounds.extend(pt);
            var marker = new google.maps.Marker({
                position: pt,
                icon: icon,
                map: map
            });

            var popup = new google.maps.InfoWindow({
                content: info,
                maxWidth: 300
            });
            google.maps.event.addListener(marker, "click", function() {
                if (currentPopup != null) {
                    currentPopup.close();
                    currentPopup = null;
                }
                popup.open(map, marker);
                currentPopup = popup;
            });
            google.maps.event.addListener(popup, "closeclick", function() {
                map.panTo(center);
                currentPopup = null;
            });
        }

        function initMap() {
            map = new google.maps.Map(document.getElementById("map"),
            {
                center: new google.maps.LatLng(0, 0),
                zoom: 9,
                maxZoom: 16,
                minZoom: 3,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scaleControl: true, // enable scale control
                panControl: false,
                mapTypeControl: false,
                streetViewControl: false,
                style: google.maps.ZoomControlStyle.SMALL, //zoom control size
                styles: style,
                navigationControl: true,
                navigationControlOptions:
                {
                    style: google.maps.NavigationControlStyle.ZOOM_PAN
                }
        });

        <?php

            $sql = "SELECT * FROM tbBaptism, tbLocation, tbChurch WHERE tbBaptism.idLocation=tbLocation.idLocation AND tbBaptism.idChurch=tbChurch.idChurch";

            $result = $conn->query($sql);

            if ($result->num_rows > 0) {
                while($row = $result->fetch_assoc())
                {
                    $location = $row['location'];
                    $lat = $row['clat'];
                    $lng = $row['clng'];
                        $fname = $row['baptismForename'];
                        $sname = $row['baptismSurname'];
                        $dp_date = $row['baptismDate'];
                        $date = new DateTime($dp_date);
                        $churchName = $row['churchName'];

                        $combine = $fname . " " . $sname . ",<br>Baptised @ " . $churchName . "<br>" . $date->format('l jS F, Y');

                    echo("addMarker($lat, $lng, '<b>$location</b><br />$combine');\n");
                }
            } else {
                echo "No results to display or an error has occured";
            }


        ?>

        center = bounds.getCenter();
        map.fitBounds(bounds);
    }
    </script>

var icon=new google.maps.MarkerImage（“img/pin_yellow.png”，
新的google.maps.Size（32,32），新的google.maps.Point（0,0），
新的google.maps.Point（16,32））；
var中心=null；
var-map=null；
var-currentPopup；
var bounds=new google.maps.LatLngBounds（）；
var style=[{“样式器”：[{“可见性”：“开”{“饱和度”：-100}，{“伽马”：0.54}}，{“特征类型”：“道路”，“元素类型”：“标签.图标”，“样式器”：[{“可见性”：“关”}}，{“特征类型”：“水”，“样式器”：[{“颜色”：“#4d4946”}，{“特征类型”：“poi”，“元素类型”：“标签.图标”，“样式器”：“{“可见性”：“关”}，{“特征类型”：“poi”，“元素类型”：“labels.text”，“stylers”：[{“可见性”：“简化”}]}，{“特征类型”：“道路”，“元素类型”：“几何体.填充”，“stylers”：[{“颜色”：“#ffffff”}]}，{“特征类型”：“道路.局部”，“元素类型”：“labels.text”，“stylers”：[{“可见性”：“简化”}]}，{“特征类型”：“水”，“元素类型”：“标签.文本.填充”，“stylers”：[{“颜色”：#ffffff”}，}，{“特征类型”：”transit.line、“elementType”：“geometry”、“stylers”：[{“gamma”：0.48}]，{“featureType”：“transit.station”、“elementType”：“labels.icon”、“stylers”：[{“visibility”：“off”}]，{“featureType”：“road”、“elementType”：“geometry.stroke”、“stylers”：[{“gamma”：7.18}]；
功能添加标记（lat、lng、info）{
var pt=新的google.maps.LatLng（lat，lng）；
边界扩展（pt）；
var marker=new google.maps.marker({
职位：pt，
图标：图标，
地图：地图
});
var popup=new google.maps.InfoWindow({
内容:信息,，
最大宽度：300
});
google.maps.event.addListener（标记“单击”，函数（）{
如果（currentPopup！=null）{
currentPopup.close（）；
currentPopup=null；
}
弹出。打开（地图、标记）；
当前弹出=弹出；
});
google.maps.event.addListener（弹出窗口“closeclick”，函数（）{
潘托地图（中）；
currentPopup=null；
});
}
函数initMap（）{
map=new google.maps.map（document.getElementById（“map”），
{
中心：新google.maps.LatLng（0,0），
缩放：9，
maxZoom:16，
minZoom:3，
mapTypeId:google.maps.mapTypeId.ROADMAP，
scaleControl:true，//启用缩放控制
泛控制：错误，
mapTypeControl:false，
街景控制：错误，
样式：google.maps.ZoomControlStyle.SMALL，//缩放控件大小
风格：风格，
导航控制：对，
导航控制选项：
{
样式：google.maps.NavigationControlStyle.ZOOM\u PAN
}
});
尝试使用这个库

谷歌上出现的第一件事是我已经读过了，但不得不承认，在这个时候，它已经超出了我的想象……它谈到了融合表，并以此为基础……我需要从MySQL数据库中提取数据，但不清楚我是否能用该解决方案做到这一点（虽然我可能因为看了太长时间而大脑衰退！）只链接的答案不被认为是好答案。我也看了这个，我只是无法让它与我的代码一起工作，我也找不到任何可下载（阅读：工作）的代码来找出如何集成它。。。
echo("addMarker($lat, $lng, '<b>$location</b><br />$combine');\n");