Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在谷歌地图上的标记之间移动?_Javascript_Google Maps_Google Maps Api 3_Google Maps Markers - Fatal编程技术网

Javascript 如何在谷歌地图上的标记之间移动?

Javascript 如何在谷歌地图上的标记之间移动?,javascript,google-maps,google-maps-api-3,google-maps-markers,Javascript,Google Maps,Google Maps Api 3,Google Maps Markers,有人知道如何在点击一些锚后实现标记之间的跳跃吗 这是我的密码: <ul class="switching__list"> <li><a href="" data-name="Black Sea">Black Sea</a></li> <li><a href="" data-name="Baltik Sea">Baltik Sea</a></li> <li>

有人知道如何在点击一些锚后实现标记之间的跳跃吗

这是我的密码:

<ul class="switching__list">
    <li><a href="" data-name="Black Sea">Black Sea</a></li>
    <li><a href="" data-name="Baltik Sea">Baltik Sea</a></li>
    <li><a href="" data-name="North Sea">North Sea</a></li>
    <li><a href="" data-name="Atlantic Ocean">Atlantic Ocean</a></li>
</ul>
<div id="map-canvas"></div>

下面是我的一个选项:使您的地图变量为全局变量(因此它在HTML“单击”事件中可用):

var映射;
函数初始化(){
变量映射选项水温={
中心:新google.maps.LatLng(43.533016,34.557850),
缩放:6,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
//坐标
var blackSea=newgoogle.maps.LatLng(43.533016,34.557850);
var balticSea=new google.maps.LatLng(57.41567219.927596);
var northSea=newgoogle.maps.LatLng(56.029392,3.514022);
var atlanticOcean=new google.maps.LatLng(35.391504,-10.178066);
map=new google.maps.map(document.getElementById('map-canvas'),mapOptionsWatertemp);
marker=newgoogle.maps.marker({position:blackSea,map:map});
marker2=newgoogle.maps.Marker({position:balticSea,map:map});
marker3=newgoogle.maps.Marker({position:northSea,map:map});
marker4=新的google.maps.Marker({position:atlanticOcean,map:map});
}
google.maps.event.addDomListener(窗口,'load',initialize)
#地图画布
{ 
高度:400px;
宽度:500px;
}


你的意思是什么?@geocodezip是的,先生!这正是我想要得到的!!!太多了!
function initialize() {
    var mapOptionsWatertemp = {
        center: new google.maps.LatLng(43.533016, 34.557850),
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    // Coordinates
    var blackSea = new google.maps.LatLng(43.533016, 34.557850);
    var balticSea = new google.maps.LatLng(57.415672, 19.927596);
    var northSea = new google.maps.LatLng(56.029392, 3.514022);
    var atlanticOcean = new google.maps.LatLng(35.391504, -10.178066);

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptionsWatertemp);

    marker = new google.maps.Marker( {position: blackSea, map: map} );
    marker2 = new google.maps.Marker( {position: balticSea, map: map} );
    marker3 = new google.maps.Marker( {position: northSea, map: map} );
    marker4 = new google.maps.Marker( {position: atlanticOcean, map: map} );
}

initialize();