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();