Javascript 在谷歌地图上放置标记

我试图在我的网站上并排放置的两个单独的地图上放置两个单独的标记

<script type="text/javascript">
var map, map2;

function initialize(condition) {
// create the maps
var myOptions = {
    zoom: 14,
    center: new google.maps.LatLng(35.594700, -105.221787),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var myOptions1 = {
    zoom: 14,
    center: new google.maps.LatLng(35.104441, -106.575394),
    mapTypeId: google.maps.MapTypeId.ROADMAP
}


map2 = new google.maps.Map(document.getElementById("map_canvas2"), 
myOptions1);
}
</script> 

var图，map2；
函数初始化（条件）{
//创建地图
变量myOptions={
缩放：14，
中心：新google.maps.LatLng（35.594700，-105.221787），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
变量myOptions1={
缩放：14，
中心：新google.maps.LatLng（35.104441，-106.575394），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map2=新的google.maps.Map（document.getElementById（“Map\u canvas2”），
肌选项1）；
}

代码本身不会在地图上放置任何标记，它只会渲染地图，每个地图都以您指定的纬度/经度为中心

查看上的第一个示例，了解如何向每个地图添加标记。

您可以为此创建一个标记

只需将它放在代码中的

map=new Google.maps.map（document.getElementById（“map\u canvas”）、myOptions之后：

在
map2=new google.maps.Map（document.getElementById（“Map\u canvas2”）之后，
肌选项1）：


例子
您的代码应该如下所示：

<script type="text/javascript">
var map, map2;

function initialize(condition) {
// create the maps
var myOptions = {
    zoom: 14,
    center: new google.maps.LatLng(35.594700, -105.221787),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(35.594700, -105.221787),
    map: map,
    title: 'Marker 1'
});

var myOptions1 = {
    zoom: 14,
    center: new google.maps.LatLng(35.104441, -106.575394),
    mapTypeId: google.maps.MapTypeId.ROADMAP
}


map2 = new google.maps.Map(document.getElementById("map_canvas2"), 
myOptions1);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(35.104441, -106.575394),
    map: map2,
    title: 'Marker 2'
});

}
</script> 


var图，map2；
函数初始化（条件）{
//创建地图
变量myOptions={
缩放：14，
中心：新google.maps.LatLng（35.594700，-105.221787），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var marker=new google.maps.marker({
位置：新google.maps.LatLng（35.594700，-105.221787），
地图：地图，
标题：“标记1”
});
变量myOptions1={
缩放：14，
中心：新google.maps.LatLng（35.104441，-106.575394），
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map2=新的google.maps.Map（document.getElementById（“Map\u canvas2”），
肌选项1）；
var marker=new google.maps.marker({
位置：新google.maps.LatLng（35.104441，-106.575394），
地图:map2,，
标题：“标记2”
});
}
你太棒了！非常感谢。
var marker = new google.maps.Marker({
    position: new google.maps.LatLng(35.104441, -106.575394),
    map: map2,
    title: 'Marker 2'
});

<script type="text/javascript">
var map, map2;

function initialize(condition) {
// create the maps
var myOptions = {
    zoom: 14,
    center: new google.maps.LatLng(35.594700, -105.221787),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(35.594700, -105.221787),
    map: map,
    title: 'Marker 1'
});

var myOptions1 = {
    zoom: 14,
    center: new google.maps.LatLng(35.104441, -106.575394),
    mapTypeId: google.maps.MapTypeId.ROADMAP
}


map2 = new google.maps.Map(document.getElementById("map_canvas2"), 
myOptions1);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(35.104441, -106.575394),
    map: map2,
    title: 'Marker 2'
});

}
</script>