Javascript 如何在谷歌地图中添加缩放控件

我想在谷歌地图的右下角显示放大（+）和缩小（-）选项。我试过了，但没有缩放选项

 <script async defer
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDQ2&callback=initMap">
    </script>
  <script type="text/javascript">
        window.onload = function () {
            var mapOptions = {
                center: new google.maps.LatLng(17.44633567526379, 78.38290556613924),
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var infoWindow = new google.maps.InfoWindow();
            var latlngbounds = new google.maps.LatLngBounds();
            var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
            google.maps.event.addListener(map, 'click', function (e) {
                alert("Latitude: " + e.latLng.lat() + "\r\nLongitude: " + e.latLng.lng());
                document.getElementById("txtLongitude").value = e.latLng.lng();
                document.getElementById("txtLatitude").value = e.latLng.lat();
            });
        }
    </script>
    <div id="dvMap" style="width: 700px; height: 300px">
    </div>

window.onload=函数（）{
变量映射选项={
中心：新google.maps.LatLng（17.44633567526379,78.38290556613924），
缩放：14，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var infoWindow=new google.maps.infoWindow（）；
var latlngbounds=new google.maps.latlngbounds（）；
var map=new google.maps.map（document.getElementById（“dvMap”）、mapOptions）；
google.maps.event.addListener（映射，'click'，函数（e）{
警报（“纬度：+e.latLng.lat（）+”\r\n纬度：+e.latLng.lng（））；
document.getElementById（“txt经度”）.value=e.latLng.lng（）；
document.getElementById（“txtLatitude”）.value=e.latLng.lat（）；
});
}

在地图中添加

缩放控制：true

，选项如下：

var mapOptions = {
                center: new google.maps.LatLng(17.44633567526379, 78.38290556613924),
                zoomControl: true,
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

---

在地图中添加

zoomControl:true

，选项如下：

var mapOptions = {
                center: new google.maps.LatLng(17.44633567526379, 78.38290556613924),
                zoomControl: true,
                zoom: 14,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

---

请提供一个演示该问题的示例，包括所需的任何HTML/CSS。我想我的错误是我给了地图更多的宽度，所以缩放符号不可见。当我把宽度变小时，我得到了符号。很抱歉，我犯了一个愚蠢的错误。请提供一个例子来说明这个问题，包括所需的任何HTML/CSS。我想我的错误是我给了地图更多的宽度，所以缩放符号不可见。当我把宽度缩小时，我得到了符号。对不起，我犯了个愚蠢的错误