首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >smarty模板中的传单问题

smarty模板中的传单问题
EN

Stack Overflow用户
提问于 2019-07-07 02:55:07
回答 1查看 135关注 0票数 0

我在版本3.1.33上使用SmartyBC。在smarty模板中,leaflet和openstreetmap的代码将不会运行。地图将无法打开。

我已经在{文字} {/literal}之间使用或不使用脚本进行了测试。地图将无法打开。然而,在一个正常的html站点中,代码可以完美地工作。错误出在哪里?

代码语言:javascript
复制
 <html>
 <head><link rel="stylesheet" type="text/css" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
 <script src='https://unpkg.com/leaflet@1.5.1/dist/leaflet.js'></script>

#map {
  height: 500px;
}
</head>

<body>
<div id="map"></div>

<script>
{literal}
var map = L.map('map').setView([43.64701, -79.39425], 15);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.marker([51.5, -0.09]).addTo(map)
  .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
  .openPopup();
{/literal}
</script>

</body>
</html>

没有错误消息和映射。谢谢你的帮助。

EN

回答 1

Stack Overflow用户

发布于 2019-07-07 17:48:36

你没有把# <style>样式放在HTML中。我这样做了,没有{literal}标签的相同代码也可以工作。

https://codepen.io/anon/pen/vqVLjL

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

https://stackoverflow.com/questions/56916840

复制
相关文章

相似问题

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