Google maps 嵌入谷歌地图-带有多个标记

我正在尝试将一张地图嵌入到我的网站中，并在上面标记多个位置。这是我为地图部分的代码，请有人帮助，因为它停止工作后，我添加了第三个位置

                <!-- map - -->

                <div id="map"></div>
                 <script> 
            function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
             center: {lat: 47.852163, lng: 16.526384}

             });



            var contentString1= '<div id="content">'+
           '<div id="siteNotice">'+
            '</div>'+
            '<h1>Caravan Salon</h1>'+
             '<div>'+
             '<p><b>Messe Düsseldorf, Arena-Straße, GERMANY, 40474 </b> <br> 25th Aug - 3rd Sept, 2017 <br> <a href="http://www.caravan-salon.com" target="_blank">http://www.caravan-salon.com/</a>    </p>'+
             '</div>'+
             '</div>';

             var infowindow1 = new google.maps.InfoWindow({
              content: contentString1
            });
            // Caravan Salon
             var marker1 = new google.maps.Marker({
            position: {lat: 51.263620, lng:  6.735830},
             map: map
             });


             marker1.addListener('click', function() {

             infowindow1.open(map, marker1);
            });





                var contentString2 = '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                '<h1 id="firstHeading" class="firstHeading">Thomas Gieger Pop up Caravans</h1>'+
                '<div id="bodyContent">'+
                '<p><b> Hummelbühel 569, 7000 Eisenstadt, Austria</b> <br> office@caravan-sharing.at <br> 00430 6769406043<br> <a href="http://www.caravan-sharing.at/" target="_blank">http://www.caravan-sharing.at/</a> </p>'+
                '</div>'+
                '</div>';


                var infowindow2 = new google.maps.InfoWindow({
                content: contentString2
                });
                // Thomas Gieger 
                var marker2 = new google.maps.Marker({
                position: {lat: 47.852163, lng: 16.526384},
                map: map     

                });
                marker2.addListener('click', function() {

                infowindow2.open(map, marker2);

                });


                var contentString3= '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                '<h1>Camping and Caravaning Rostock 2017</h1>'+
                '<div>'+
                '<p><b> HanseMesse Rostock, Zur HanseMesse 1-2, 18106 Rostock, GERMANY </b> <br> 17th March - 19th March, 2017  </p>'
                '</div>'+
                '</div>';

                var infowindow3 = new google.maps.InfoWindow({
                content: contentString3
                });
                // Camping and Caravaning Rostock 2017
                var marker3 = new google.maps.Marker({
                position: {lat: 54.138845, lan 12.073279}
                map: map
                });


                marker3.addListener('click', function() {

                infowindow3.open(map, marker3);
                 }); 





                }
                </script>







                <script async defer
                 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbKJArdmwTF9-_qQa10SovlgJO2kNRo9c&callback=initMap">
                 </script>

函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：{lat:47.852163，lng:16.526384}
});
var contentString1=''+
''+
''+
“商队沙龙”+
''+
“2017年8月25日至9月3日，德国阿雷纳大街杜塞尔多夫展览，40474”+
''+
'';
var infowindow1=新建google.maps.InfoWindow({
内容：contentString1
});
//商队沙龙
var marker1=新的google.maps.Marker({
位置：{lat:51.263620，lng:6.735830}，
地图：地图
});
marker1.addListener（'click'，function（）{
信息窗口1.打开（地图，标记1）；
});
var contentString2=''+
''+
''+
“托马斯·吉格突然出现在大篷车上”+
''+
“Hummelbühel 569，7000艾森斯塔特，奥地利
office@caravan-sharing.at
004306769406043
'+
''+
'';
var infowindow2=新建google.maps.InfoWindow({
内容：contentString2
});
//托马斯·吉格
var marker2=新的google.maps.Marker({
位置：{lat:47.852163，lng:16.526384}，
地图：地图
});
marker2.addListener（'click'，function（）{
信息窗口2.打开（地图、标记2）；
});
var contentString3=''+
''+
''+
“罗斯托克2017露营和大篷车”+
''+
“2017年3月17日至3月19日，德国罗斯托克18106年，祖尔汉塞姆塞-罗斯托克汉塞姆塞1-2号
''+
'';
var infowindow3=新建google.maps.InfoWindow({
内容：contentString3
});
//罗斯托克2017露营和大篷车
var marker3=新的google.maps.Marker({
位置：{lat:54.138845，lan 12.073279}
地图：地图
});
marker3.addListener（'click'，function（）{
信息窗口3.打开（地图、标记3）；
}); 
}

标记3中位置后缺少逗号

    var infowindow3 = new google.maps.InfoWindow({
      content: contentString3
    });
    // Camping and Caravaning Rostock 2017
    var marker3 = new google.maps.Marker({
      position: {lat: 54.138845, lan 12.073279}, //  here 
      map: map
    });

---

我在发布的代码中遇到一个javascript错误：

Uncaught SyntaxError:Unexpected number

有多个错误：

marker3

缺少“：”在

位置的
lan的
成员之后

lan

成员应为

lng

工作代码片段：

html，
身体，
#地图{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：{
纬度：47.852163，
液化天然气：16.526384
}
});
var contentString1=''+
'' +
'' +
“商队沙龙”+
'' +
“2017年8月25日至9月3日，德国阿雷纳大街杜塞尔多夫展览，40474”+
'' +
'';
var infowindow1=新建google.maps.InfoWindow({
内容：contentString1
});
//商队沙龙
var marker1=新的google.maps.Marker({
职位：{
拉脱维亚：51.263620，
液化天然气：6.735830
},
地图：地图
});
marker1.addListener（'click'，function（）{
信息窗口1.打开（地图，标记1）；
});
var contentString2=''+
'' +
'' +
“托马斯·吉格突然出现在大篷车上”+
'' +
“Hummelbühel 569，7000艾森斯塔特，奥地利
office@caravan-sharing.at
004306769406043
'+
'' +
'';
var infowindow2=新建google.maps.InfoWindow({
内容：contentString2
});
//托马斯·吉格
var marker2=新的google.maps.Marker({
职位：{
纬度：47.852163，
液化天然气：16.526384
},
地图：地图
});
marker2.addListener（'click'，function（）{
信息窗口2.打开（地图、标记2）；
});
var contentString3=''+
'' +
'' +
“罗斯托克2017露营和大篷车”+
'' +
“2017年3月17日至3月19日，德国罗斯托克18106年，祖尔汉塞姆塞-罗斯托克汉塞姆塞1-2号
'' +
'';
var infowindow3=新建google.maps.InfoWindow({
内容：contentString3
});
//罗斯托克2017露营和大篷车
var marker3=新的google.maps.Marker({
职位：{
拉脱维亚：54.138845，
液化天然气：12.073279
},
地图：地图
});
marker3.addListener（'click'，function（）{
信息窗口3.打开（地图、标记3）；
});
}

如果这回答了您的问题，请