首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >openlayers 5.1.3:快速入门示例中的“损坏”缩小按钮?

openlayers 5.1.3:快速入门示例中的“损坏”缩小按钮?
EN

Stack Overflow用户
提问于 2018-08-10 17:37:34
回答 2查看 1.1K关注 0票数 -3

我尝试从谷歌地图切换到osm,并尝试了OpenLayers (快速入门示例)。如果我使用托管构建,一切看起来都没问题。但是如果我下载5.1.3包并把它放在我们的out服务器上,缩小按钮的标题就会损坏。网址:http://www.canalcup-cam.de/maps.php

看起来好像使用了非ASCII的"-“...我试图找到设置按钮标题的代码,但没有成功。网站的编码和这个有关系吗?我尝试了utf-8和Windows-1250。

致敬,hjt

EN

回答 2

Stack Overflow用户

发布于 2018-08-25 18:27:41

当我复制您的代码并链接到您的ol.js副本时,我需要插入<meta charset="utf-8">以便正确显示减号(这是html &minus;,而不是连字符):

代码语言:javascript
复制
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.1.3/css/ol.css" type="text/css">
    <style>
      .map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="http://www.canalcup-cam.de/inc/OpenLayers/v5.1.3/build/ol.js"></script>

    <title>OpenLayers example</title>
  </head>

但是使用ol.js的cdn版本,它可以在没有meta标签的情况下工作。也许您的副本以某种方式被更改了,但始终包含meta标签仍然是一个好的做法。

代码语言:javascript
复制
  <head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.1.3/css/ol.css" type="text/css">
    <style>
      .map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.1.3/build/ol.js"></script>

    <title>OpenLayers example</title>
  </head>
票数 6
EN

Stack Overflow用户

发布于 2018-08-13 04:31:46

损坏的字符通常是由错误的编码引起的。可能发生的地方有很多。在您的例子中,它在meta标记中。

你似乎喜欢逆水行舟,所以你在你的网站上添加了元标签<meta charset="windows-1250">。甚至连5%的网站都不再使用拉丁语-1/Windows-1252,整个世界都在使用UTF-8 --你也应该改用它。

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

https://stackoverflow.com/questions/51783494

复制
相关文章

相似问题

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