javascript - MarkerClusterer 脚本 : Unexpected Token

标签 javascript html markerclusterer

我制作了一个项目,可以使用 Google map 和 MarkerClusterer 动态生成 HTML 页面,并将其显示在集成的浏览器窗口中 - 这工作得很好。

当我将项目生成的源代码放入HTML文件中时,它突然不起作用了。我开始将其剥离,并得到一个包含 MarkerClusterer 的空 HTML 文件 - 这在浏览器控制台中给出了意外的 token 错误。

该文件如下所示:

<!DOCTYPE html>
<html>
<head>
    <script src='http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js'></script>

<title>Map</title>
<style>
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #map {
        height: 90%;
    }
</style>
</head>
<body>
    <div id="map"></div>
</body>
</html>

错误: 未捕获的语法错误:意外的标记非法

我尝试过移动脚本标签、使用缩小版本、使用 IE(这是嵌入式浏览器)、使用 Firefox,但都不起作用。

当我尝试通过chrome控制台查看脚本以查看问题出在哪里时,它全部以中文字符显示(全部在一行中):

enter image description here

打开脚本链接到的文件工作正常。

我真的很困惑,我不太确定下一步该去哪里!

[编辑] 我已经看过this question这听起来完全像我的问题,但接受的答案似乎对我不起作用。

最佳答案

添加charset="UTF-8"到脚本引用

它应该看起来像这样

<script src='http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js' charset='UTF-8'></script>

为我工作

关于javascript - MarkerClusterer 脚本 : Unexpected Token,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34951704/

相关文章:

javascript - 如何使边距在我的 JS 中动态创建的 div 上起作用?

javascript - 使用 jQuery 我需要将此 JS 对象打印到 html

javascript - blink() 方法的替代方法

google-maps-api-3 - 为什么我的集群没有触发 MarkerClustererPlus.js 的 mouseover 和 mouseout 事件?

javascript - 由于使用了 markcluster,因此使用 url 参数打开传单标记无法正常工作

javascript - 使用 jQuery 添加输入字段

javascript - Bootstrap : Text navbar-text wrong color

leaflet - 自动缩放 map 以适合所有标记

javascript - 有没有办法可以检查数据属性是否存在?

HTML/CSS 图片放置和菜单