如何将Google地图移动到添加标记的位置
How to move Google Map to where the mark was added
大家好,我在我的项目中使用 Google 地图 API,但问题是当我添加标记时,地图不会移动到标记所在的位置。正在添加标记,但如果您不缩小并转到它所在的位置,它是不可见的。
有什么方法可以实现吗?
let myMap = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
这是添加标记:
const marker = new google.maps.Marker({
position: {
lat: 37.7749,
lng: 122.4194
},
map: myMap,
});
对我有用:
addMarker(position: google.maps.LatLng) {
if (this.marker) {
this.marker.setMap(null);
}
this.marker = new google.maps.Marker({
position,
map: this.map,
draggable: true,
clickable: true,
// icon: 'assets/images/favicon.png',
});
this.marker.setVisible(true);
}
要使地图居中,您可以这样做:
setCenter(lat: number, lng: number) {
this.map.setCenter(new google.maps.LatLng(lat, lng));
}
大家好,我在我的项目中使用 Google 地图 API,但问题是当我添加标记时,地图不会移动到标记所在的位置。正在添加标记,但如果您不缩小并转到它所在的位置,它是不可见的。
有什么方法可以实现吗?
let myMap = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
这是添加标记:
const marker = new google.maps.Marker({
position: {
lat: 37.7749,
lng: 122.4194
},
map: myMap,
});
对我有用:
addMarker(position: google.maps.LatLng) {
if (this.marker) {
this.marker.setMap(null);
}
this.marker = new google.maps.Marker({
position,
map: this.map,
draggable: true,
clickable: true,
// icon: 'assets/images/favicon.png',
});
this.marker.setVisible(true);
}
要使地图居中,您可以这样做:
setCenter(lat: number, lng: number) {
this.map.setCenter(new google.maps.LatLng(lat, lng));
}