首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google地图API TypeError window.Image不是一个函数

Google地图API TypeError window.Image不是一个函数
EN

Stack Overflow用户
提问于 2015-12-20 19:56:00
回答 1查看 371关注 0票数 0

我在一个运行JScript前端的旧内容管理系统中运行了一个google地图,调用PHP来满足请求。虽然在V3之后,Google Maps API现在可以生成TypeError window.Image is not a function,但一切都运行得很好。

以下跟踪来自Google Chrome浏览器

代码语言:javascript
运行
复制
Uncaught TypeError: window.Image is not a function
k3  @   stats.js:2

Uncaught TypeError: window.Image is not a function
vB  @   util.js:9

这是用于加载地图的JScript

代码语言:javascript
运行
复制
setMap: function(){ 
        this._map = new google.maps.Map(this._panel.mapcanvas, {
            zoom: 16,
            center: this._latlng
        });
    },

地图需要很长时间才能加载,不会缩放,不会显示控件。地图以缩放级别16初始化,并以提供的_latlng为中心。

如果我向地图选项添加任何其他控件,它们不会显示,也不会对地图进行任何更改。

window.Image问题在初始加载时也会出现。

代码语言:javascript
运行
复制
rg  @   js?key=YOURAPIKEY&callback=initMap:84
EN

回答 1

Stack Overflow用户

发布于 2015-12-21 07:57:58

我猜一下:在页面上的某个地方会创建一个名为Image的全局变量(它不是一个函数)。

此变量覆盖内置函数Image() ( maps-API尝试调用此函数)

演示:

代码语言:javascript
运行
复制
      Image='something';


      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
代码语言:javascript
运行
复制
html ,body,#map-canvas { height: 100%; margin: 0; padding: 0 ;}
代码语言:javascript
运行
复制
<div id="map-canvas"></div><script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?v=3">
    </script>

解决方案:删除此变量的创建(例如,使用其他名称),不应使用与window-object内置属性的名称相同的全局变量名称

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34380727

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档