Blazor：谷歌地图 JS API

Posted 2023-02-22

【中文标题】Blazor：谷歌地图 JS API

【英文标题】：Blazor: Google Maps JS API

【发布时间】：2020-05-15 20:59:27

【问题描述】：

早上，

所以目前在我的项目中，我在我的 blazor 项目中使用带有 JS 的嵌入式谷歌地图 API。地图在页面上并且具有功能性。我使用了下面这篇文章中关于堆栈溢出的提示 (Launch Google Maps On Blazor)

在我的 _Hosts 文件中使用以下 JS 我需要在 JS 中移除地图的某些特征

    <script>
        function initialize() 
            var latlng = new google.maps.LatLng(40.716948, -74.003563);
            var options = 
                zoom: 14, center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            ;
            var map = new google.maps.Map(document.getElementById
                ("map"), options);
        
    </script>

关于我在哪里可以找到关闭功能的代码的任何指针？

我需要删除这些打开全屏或新标签的功能

【参考方案1】：

您是否尝试过禁用 'disableDefaultUI: true'

function initMap() 
  var map = new google.maps.Map(document.getElementById('map'), 
    zoom: 4,
    center: lat: -33, lng: 151,
    disableDefaultUI: true
  );

查看文档https://developers.google.com/maps/documentation/javascript/controls

【讨论】：

谢谢！是的，这适用于全屏，但它不会移除底部的小按钮。我将通过您提供的链接查看它，谢谢。在网上找不到任何东西

尝试`scaleControl：true，overviewMapControl：true，`