Google maps 如何在标记下拖动地图并将其固定在ionic 2中?
在这段代码中,我试图制作一些类似于Google maps 如何在标记下拖动地图并将其固定在ionic 2中?,google-maps,google-maps-api-3,ionic2,Google Maps,Google Maps Api 3,Ionic2,在这段代码中,我试图制作一些类似于Uber的东西,将部分映射到pin和stop标记。但我正在将maker而不是map拖到marker下。 它看起来不是很好的用户体验。 我想在设置位置并点击Originmaker后添加目标标记 然后在视图中绑定它们 initializeMap() { let image = 'assets/img/taxi3.png'; let minZoomLevel = 16; Geolocation.getCurrentPosition()
Uber
的东西,将部分映射到pin和stop标记。但我正在将maker而不是map拖到marker下。
它看起来不是很好的用户体验。
我想在设置位置并点击Originmaker后添加目标标记
然后在视图中绑定它们
initializeMap() {
let image = 'assets/img/taxi3.png';
let minZoomLevel = 16;
Geolocation.getCurrentPosition().then((position) => {
this.map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: minZoomLevel,
center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
mapTypeControl: false,
streetViewControl: false,
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap(this.map);
this.OriginMarker();
});
}
OriginMarker(){
let image = 'assets/img/Untitled-1.png';
let marker = new google.maps.Marker({
map: this.map,
animation: google.maps.Animation.DROP,
position: this.map.getCenter(),
draggable: true,
icon: image
});
}
TargetMarker() {
let image = 'assets/img/Untitled-2.png';
let marker = new google.maps.Marker({
map: this.map,
animation: google.maps.Animation.DROP,
position: this.map.getCenter(),
draggable: true,
icon: image
});
}