我想将这个简单示例 google maps 代码左上角的 satellite-map 按钮移动到右上角,但我不知道该怎么做。
你能帮帮我吗?
HTML
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap"></script>
js
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
css(非必要)
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
最佳答案
我想你想要“mapTypeControlOptions”并设置“position”
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8,
center: {lat: -34.397, lng: 150.644},
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_CENTER
},
scaleControl: true,
streetViewControl: true,
streetViewControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
}
});
}
参见:https://developers.google.com/maps/documentation/javascript/controls
关于javascript - 如何更改 Google Maps JS API 中 map 和卫星按钮的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49994769/