时间戳

首页 > 解决方案 > Google Map API Zoom plus 和 minus 图标未显示

javascript - Google Map API Zoom plus 和 minus 图标未显示

问题描述

它是 Web 应用程序页面。我可以显示谷歌地图，但没有显示 Zoom + & - 图标。但我能够控制缩放。

我以各种方式检查。1、图片不是从google map api下载的。2，他们调用脚本（control.js）来下载图像并且它没有附加到html中。3，我是这样的，但它应该是。

在此处输入图像描述

在 control.js 中，他们编写了将 img 附加到按钮的代码。它附加但 src 为空。下面的代码供您参考。

 wK = function(a, b, c, d) {
        a.innerText = "";
        b = _.ua(0 == b ? 1 == c ? ['<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#666" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#B1B1B1" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#E4E4E4" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n'] : ['<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#666" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#333" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <polygon fill="#111" points="18,7 11,7 11,0 7,0 7,7 0,7 0,11 7,11 7,18 11,18 11,11 18,11"/>\n</svg>\n'] : 1 == c ? ['<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#666" d="M0,7h18v4H0V7z"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#B1B1B1" d="M0,7h18v4H0V7z"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#E4E4E4" d="M0,7h18v4H0V7z"/>\n</svg>\n'] : ['<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#666" d="M0,7h18v4H0V7z"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#333" d="M0,7h18v4H0V7z"/>\n</svg>\n', '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">\n  <path fill="#111" d="M0,7h18v4H0V7z"/>\n</svg>\n']);
        for (c = b.next(); !c.done; c = b.next()) {
            c = c.value;
            var e = document.createElement("img");
            e.style.width = e.style.height = _.W(ZI(d));
            e.src = _.$A(c);
            a.appendChild(e)
        }
    }

注意：我的控制台上没有关于谷歌地图的任何错误。版本：3.36

标签： javascriptjqueryangulargoogle-mapsgoogle-maps-api-3

解决方案

您目前正在使用谷歌地图 api 吗？

你有没有用你的组件添加到类中

/// <reference types="@types/googlemaps" />

我可以给你的另一种选择是尝试 Angular Google Maps (AGM)： https ://angular-maps.com/guides/getting-started/

希望这可以帮到你

推荐阅读