📄 pic.htm
字号:
<html>
<head>
<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="dappermap.js"></script>
</head>
<body>
<input name="平移" type="button" id="平移" value="平移" onclick = 'setmapstate(0)'>
<input name="拉框放大" type="button" id="拉框放大" value="拉框放大" onclick = 'setmapstate(7)'>
<input name="放大" type="submit" id="放大" value="放大" onclick = 'setmapstate(1)'>
<input name="缩小" type="submit" id="缩小" value="缩小" onclick = 'setmapstate(2)'>
<input name="起点" type="submit" id="起点" value="起点" onclick = 'setmapstate(8)'>
<input name="终点" type="submit" id="终点" value="终点" onclick = 'setmapstate(9)'>
<input name="路径规划" type="submit" id="路径规划" value="路径规划" onclick = 'nav()'>
<input name="加点" type="submit" id="加点" value="加点" onclick = 'setmapstate(3)'>
<input name="加加线" type="submit" id="加加线" value="加线" onclick = 'setmapstate(4)'>
<input name="加面" type="submit" id="加面" value="加面" onclick = 'setmapstate(5)'>
<input name="保存" type="submit" id="保存" value="保存" onclick = 'savedata()'>
<input name="图层控制" type="submit" id="图层控制" value="图层控制" onclick = "setlayerstate('ALLPOILAYER$HIDE~18101$SHOW~18102$SHOW~18103$SHOW~18104$SHOW~18105$SHOW~18106$SHOW~18107$SHOW~18108$SHOW')">
<div id="d_map" style="left:10px; top:10px;width:600px;height:600px; background-color:gray; position:relative;overflow:hidden;"> </div>
<div id='searchresult' style="OVERFLOW: hidden; left:624px;top:10px; position:absolute; top: 46px;">
地点查询：
<input type="text" name="textfield" id="KeyWord" onKeyUp = "search()"><br>
<span id="myresult"></span>
</div>
</body>
</html>
<script type="text/javascript">
var map = new CDapperMap(document.getElementById("d_map"));
map.InIt(116.232966,39.928380,30);
map.MapState = 0;
function setmapstate(nstate)
{
map.MapState = nstate;
}
function nav()
{
map.MiniPath();
}
function setlayerstate(layerstate)
{
map.RequestPic("setlayerstate",layerstate);
}
function setmapcenter(x,y,name)
{
map.RequestPic("setcenter",x+","+y);
}
function search()
{
var KeyWord = document.getElementById('KeyWord').value;
if(KeyWord == "")
{
document.getElementById('myresult').innerHTML = "";
return;
}
var content = "";
var strResult = map.SearchName(KeyWord);
var strLines = strResult.split("\r\n");
for(i=0;i<strLines.length;i++)
{
var strFields = strLines[i].split("\t");
//strFields[0]为名字
content += "<a href= javascript:setmapcenter(" + strFields[2] + "," + strFields[3] + ",'" + strFields[0] + "')>" + strFields[0] + "</a><br>";
}
document.getElementById('myresult').innerHTML = content;
}
function savedata()
{
var result = map.SaveData();
alert(result);
}
</script>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -