首页 > 解决方案 > Blazor:谷歌地图 JS API

问题描述

早晨,

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

在我的 _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>

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

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

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

在此处输入图像描述

标签: javascriptc#model-view-controllerblazor

解决方案


您是否尝试过禁用“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


推荐阅读