我有一些简单的代码,其中包含在浏览器中显示网络地图所需的所有html,css /样式和javascript。如果我从本地文件启动它,它将在浏览器中正确打开并显示网络地图。我现在正在尝试使用WordPress编辑器/ CMS将代码嵌入页面中。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script src="https://js.arcgis.com/3.26/"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
require(["esri/map", "dojo/domReady!"], function(Map) {
var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
map = new Map("map", {
basemap: "topo",
center: [-122.45, 37.75],
zoom: 13
});
});
});
</script>
<div id="map"></div>
我尝试安装名为“ Scripts n Styles”的插件,该插件旨在帮助读取<script>
标签,但仍然显示为空白。这是全新的Word Press安装,因此我不确定是否还需要其他内容或我的代码配置不正确。有什么建议
<meta>
最好将标记添加到中<head>
,link
(尽管WP已经具有此视口标记,所以您可以忽略它)。您可以在页面本身内添加其余内容(在文本部分-无需插件)。我建议创建一个新模板,请参阅:WP模板
控制台错误显示多个defines
。我取出看似重复的内容,require
并在页面上正常工作(复制/粘贴):
<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script src="https://js.arcgis.com/3.26/"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
map = new Map("map", {
basemap: "topo",
center: [-122.45, 37.75],
zoom: 13
});
});
</script>
<div id="map"></div>
虽然这可行,但我仍然建议您将其放在模板上。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句