我有一个奇怪的问题,我无法找到答案: 我已经设置了mapbox,因此它会显示在我的网站上。我使用Koken作为框架,因此有一些标记来自它,但它基本上类似于经典的html。这是我的文件的内容:
<koken:include file="inc/header.html" />
<koken:head>
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:title" content="{{ content.title|content.filename strip_html="true" }}" />
<meta property="og:description" content="{{ content.caption strip_html="true" }}" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{{ content.presets.medium_large.url }}" />
<meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
<meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
<meta property="og:url" content="{{ content.url }}" />
<koken:content_image>
<koken:not empty="profile.twitter">
<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@{{ profile.twitter }}" />
<meta name="twitter:creator" content="@{{ profile.twitter }}" />
</koken:not>
</koken:content_image>
<meta charset='utf-8' />
<title>World map</title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map-website { position:absolute; top:0; bottom:0; width:100%; height: 960px}
</style>
</koken:head>
<body>
<div id='map-website'></div>
<script>
L.mapbox.accessToken= 'my_token';
var map = L.mapbox.map('map-website', 'mapbox.streets');
</script>
</body>
<koken:include file="inc/footer.html" />
超级简单,直接来自mapbox例程。我面临的问题是当我点击我的网站时romdicos.phography)。然后单击/ map链接,页面无限加载,没有任何事情发生,调试栏告诉我L未定义。 但是,如果我单击地址栏并按Enter键,则会显示地图。
我做错了什么? 非常感谢...