我试图让一个按钮,改变了我的地图的位置改变谷歌地图的位置,我见过很多答案,但我似乎无法使这些脚本在我的地图或工作在我的网站上,我很混乱,我不明白为什么他们不会工作。如何通过点击一个按钮
这是我的代码:
HTML:
<div class="info-map">
<ul class="loks">
<li class="active">
<a id="link1" href="#office" data-toggle="tab"> office </a></li>
<li>
<a id="link2" href="#showroom" data-toggle="tab"> showroom </a></li>
</ul></div>
<div id="map"></div>
CSS:
#map {
height: 400px;
}
.info-map {
position: absolute;
z-index: 1;
background: white;
top: 30px;
left: 8%;
}
SCRIPT:
var map;
function initMap() {
var office = {
info: '<strong>Architectural Art Crete - Office</strong><br>5815 Dewey St, Hollywood, FL 33023, USA',
lat: 26.0020213,
long: -80.2058833
};
var showroom = {
info: '<strong>Showroom</strong><br>1025 W Belmont Ave<br> Chicago, IL 60657',
lat: 41.939670,
long: -87.655167
};
var locations = [
[office.info, office.lat, office.long, 0],
[showroom.info, showroom.lat, showroom.long, 1],
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: new google.maps.LatLng(26.0020213, -80.2058833),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow({});
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function (marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
我发现这个googleAPI解决方案,帮助我一点点,但我似乎无法使它与这两个位置
google.maps.event.addDomListener(document.getElementById('link2'),
'click', function() {
map.setCenter(new google.maps.LatLng(10.23,123.45));
});
谢谢你指出,我修好了。仍然无法使按钮工作,虽然:( –