Javascript 地图未在JSP页面中使用传单显示。可以使用平铺_Javascript_Jsp_Map_Offline_Leaflet

Javascript 地图未在JSP页面中使用传单显示。可以使用平铺

javascript jsp map leaflet

Javascript 地图未在JSP页面中使用传单显示。可以使用平铺,javascript,jsp,map,offline,leaflet,Javascript,Jsp,Map,Offline,Leaflet,我们正在尝试在Web应用程序中显示脱机地图。成功提取所需部分并将其转换为平铺 tiles文件夹位于WEB-INF中，所有需要的tiles文件夹都位于tiles文件夹中传单脚本存在于脚本文件夹中。 css脚本存在于css文件夹中我的页面的代码片段是： <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib pr

我们正在尝试在Web应用程序中显示脱机地图。成功提取所需部分并将其转换为平铺

tiles文件夹位于WEB-INF中，所有需要的tiles文件夹都位于tiles文件夹中

传单脚本存在于脚本文件夹中。 css脚本存在于css文件夹中

我的页面的代码片段是：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Demon</title>
<link href="${pageContext['request'].contextPath}/css/general.css"
    rel="stylesheet" type="text/css" />
<link href="${pageContext['request'].contextPath}/css/leaflet.css"
    rel="stylesheet" type="text/css" /> 

<script src="${pageContext['request'].contextPath}/script/leaflet.js" language="javascript"></script>
<script src="${pageContext['request'].contextPath}/script/leaflet-src.js" language="javascript"></script>
<script>
function Demo()
{

    var map = L.map('map');
    L.tileLayer('tiles/{z}/{x}/{y}.png').addTo(map);
}
</script>
</head>
<body>
<f:view>
<div id="map" style="width:800px;height:600px;">
<a4j:commandButton value="HIT" onclick="Demo()"></a4j:commandButton>
</div>
</f:view>
</body>
</html>


魔鬼
函数Demo（）
{
var map=L.map（'map'）；
L.tileLayer（'tiles/{z}/{x}/{y}.png'）.addTo（map）；
}

现在在我的页面上，当我点击点击按钮时，地图部分会被占据并显示在浏览器中分配的空间中，但地图中没有显示任何内容
由传单和放大/缩小图标提供动力。
不显示贴图。文件夹中存在的平铺图像确实包含已提取并转换为平铺的贴图
因此，我无法理解为什么什么都没有出现。请引导我

我认为我非常接近显示一张地图，然而，它一直是一个地狱般的旅程来探索这一点，直到这一点。
< P>我可以这样做，它可能有帮助，我在代码<> $>代码之前使用了一个转义字符，所以JSP可以理解URL，即“代码> ${} /Case>，或者它会被认为是一个空变量？< /P> 问题:

var newLayer = new OpenLayers.Layer.OSM("Damascus", "tiles/${z}/${x}/${y}.png", {numZoomLevels: 19, alpha: true, isBaseLayer: true});
解决方案：

var newLayer = new OpenLayers.Layer.OSM("Damascus", "tiles/\${z}/\${x}/\${y}.png", {numZoomLevels: 19, alpha: true, isBaseLayer: true});

我不是说你不会在这里得到同样快的答案（如果不是更快的话），但是你有没有考虑过在这里问这个问题。所有地图迷（像我一样！）都在这里闲逛。我想问一下。但是你知道我在这里做错了什么吗？为什么地图没有被展示我是一个开放层的人，恐怕不是传单的人。如果我告诉您一些您已经知道的事情，但您是否在Firebug中检查了它，并查看是否正在请求磁贴，或者它是否抛出了一些其他脚本错误，请道歉？是否可以使用OpenLayers API执行相同的操作。我的意思是哪一个更容易使用。传单或开放层。我开始这样做是为了在有助于我的事业的情况下，我能负担得起切换的费用。IMHO，这里有一些错误：
将commandButton放入map div中-包括moulate.js和moulate-src.js