[問題] 有關Map的問題
各位前輩
小弟因為工作的需要 需要完成以下的目標
我也Google了很久,也看了Ajax技術手冊這本書
但是 一直沒有一個頭緒
煩請各位前輩能開導在下 拜託了
因為,已經研究了快一個月,下星期就要交 實在有很大的困難
目標如下:
製做一個如下的介面
----------------------------------------
平移 放大 縮小
-----------------------------------------
Map圖
--------------------------------------
其中,平移, 放大, 縮小 是一個Button
當我點選Button之後,就可去操作Map的圖
而Map的圖是使用MapXtreme java所產生的
而我想,這部份可以需要Ajax的技術
我的頁面的程式碼如下
我本身住在高雄,我願意請吃大餐或者以請家教的方式
來向您請教
因為,我卡了很久了 因為 我是從完全不會javascript jsp ajax開始學的
因此,或許有很多地方都打錯
希望能請人幫忙
<html>
<head>
<title></title>
<meta http-equiv="Content-Type"; charset="UTF-8">
<script type="text/javascript">
var xmlHttp;
var toolType;
var queryString;
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var responseDiv = document.getElementById("ShowMap");
if(responseDiv.hasChildNodes())
{
responseDiv.removeChild(responseDiv.childNodes[0]);
}
var responsetext = document.createTextNode(xmlHttp.responsetext);
//我個人覺得應該是這邊有問題
//因為我要輸出的是圖檔,但是這邊是文字
responseDiv.appendChild(responsetext);
}
}
}
function setImage()
{
createXMLHttpRequest();
queryString="";
queryString = "/MapServer?";
//這邊是說要使用MapServer這個Servlet,然後傳送toolType參數給Servlet
//至於這個Servlet的程式碼的輸出部份,我會PO在最後面
quertString = queryString+ "toolType=0&" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
}
function downloadmap()
{
setImage();
}
</script>
</head>
<body>
TODO write content
<div id="tabTool">
<input type="image" id="Select" src="images/select.gif" alt="選擇" onclick="downloadmap()" />
</div>
<div id="ShowMap">
</div>
</body>
</html>
拜託大家了! 感恩 謝謝!
如果有人願意 當家教 教我怎麼撰寫這部份的程式
我將非常非常的感謝
//=====================================================
Servlet程式碼輸出部份
private void resImg(MapJ myMap, HttpServletResponse res) throws Exception
{
try
{
myMap.setDeviceBounds(new DoubleRect(0, 0, m_mapWidth, m_mapHeight));
MapXtremeImageRenderer rr = new MapXtremeImageRenderer(m_mxtURL);
rr.render(ImageRequestComposer.create(myMap, NUM_OF_COLORS, BACKGROUND_COLOR, "image/gif"));
rr.toStream(res.getOutputStream());
}
catch(Exception e)
{
System.out.println(e.getMessage());
throw e;
}
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.125.136.75
→
04/23 22:41, , 1F
04/23 22:41, 1F
推
04/23 22:41, , 2F
04/23 22:41, 2F
→
04/23 22:42, , 3F
04/23 22:42, 3F
→
04/24 08:57, , 4F
04/24 08:57, 4F
→
04/24 08:57, , 5F
04/24 08:57, 5F
→
04/24 08:58, , 6F
04/24 08:58, 6F
→
04/24 08:58, , 7F
04/24 08:58, 7F
→
04/24 08:59, , 8F
04/24 08:59, 8F
→
04/24 08:59, , 9F
04/24 08:59, 9F
→
04/24 09:00, , 10F
04/24 09:00, 10F
→
04/24 09:00, , 11F
04/24 09:00, 11F
→
04/24 09:01, , 12F
04/24 09:01, 12F
→
04/24 09:01, , 13F
04/24 09:01, 13F
→
04/24 09:48, , 14F
04/24 09:48, 14F
→
04/24 09:49, , 15F
04/24 09:49, 15F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 3 篇):
1
15
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章