ArcGIS JS 鹰眼为啥实现不了?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>第一个地图应用 </title>
<link rel="stylesheet" type="text/css"
href="http://localhost:8080/arcgis_j ... gt%3B
<link rel="stylesheet" type="text/css"
href="http://localhost:8080/arcgis_j ... ot%3B />
<script type="text/Javascript"
src="http://localhost:8080/arcgis_j ... gt%3B
<script src="dojo/jsapi_vsdoc10_v33.js" type="text/Javascript"></script>
<style type="text/css">
</style>
<script type="text/Javascript">
dojo.require("esri.map");
dojo.require("esri.dijit.OverviewMap");//加载鹰眼功能包
dojo.addOnLoad(function () {
var MyMap = new esri.Map("MyMapDiv", {
center: [103.75, 35], // 居中的经纬度
zoom: 9 // 缩放深度级别);
})
var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer
("http://www.arcgisonline.cn/Arc ... 6quot;);
MyMap.addLayer(MyTiledMapServiceLayer)
OverviewMap();
}
)
function OverviewMap() {
var over =
{
map: MyMap,//主地图
visible: true, // 初始化可见,默认为false
attachTo: "bottom-right",
opacity: .40, // 透明度 默认0.5
color: "#D84E13",
maximizeButton: true, // 最大化,最小化按钮,默认false
expandFactor: 2,
baseLayer: MyTiledMapServiceLayer//鹰眼里的底图
};
var MapViewer = new esri.dijit.OverviewMap(over, dojo.byId("OverViewDiv"));
MapViewer.startup();
}
</script>
</head>
<body class="tundra">
<div id="MyMapDiv"style="width: 100%; height: 100%; margin: 0px; padding: 0px;border: 1px solid #000;">
<div id="OverViewDiv"style="width: 200px; height: 200px; margin: 0px; padding: 0px;border: 1px solid #000;"></div>
</div>
</body>
</html>
请问上面代码,鹰眼窗口为啥不显示?布局怎么设置正常?

QQ截图20160619141503.jpg

补充一下:如果用IE浏览器打开会有这个警告:

QQ截图20160620143216.jpg

 
已邀请:

江民彬

赞同来自:

gishome - GIS之家,我们的团队,具备丰富的webgis项目开发经验以及开源GIS项目经验(openlayer+geoserver、三维开源GIS cesium.js);GIS之家知乎专栏:https://zhuanlan.zhihu.com/gishome

赞同来自:

这样分析不了问题的,建议用谷歌浏览器来调试跟踪,看看哪里获取值不对,或者报错了

要回复问题请先登录注册