在 Dojo 中创建 Google 地图的界面 [英] Creating Google Maps' interface in Dojo
本文介绍了在 Dojo 中创建 Google 地图的界面的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用 ArcGIS 2.1 JS API 创建一个类似于 Google 地图的自定义界面.
让我感到困惑(尤其是 Dojo 的布局方案)的是,Google 地图的地图窗格扩展了整个页面的宽度,并且左侧的搜索结果面板似乎浮动在地图窗格上方.
这在 Dojo 布局方面是如何工作的?我很沮丧地使用 BorderContainers,查看了 FloatingPane 的文档但无济于事.
感谢任何方向.
解决方案
不确定您遇到什么问题 - 故障排除或设计,但是,这里有一个可能有效的刚性结构示例:
<头><title>道场/谷歌地图示例</title><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/resources/dojo.css" type="text/css" media="all"/><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dijit/themes/claro/claro.css" type="text/css" media=全部"/><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><script djConfig="parseOnLoad:true" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js"><script type="text/javascript">dojo.require("dijit.layout.BorderContainer");dojo.require("dijit.layout.ContentPane");dojo.addOnLoad( 函数() {var myLatlng = new google.maps.LatLng(38.887, -77.016);var myOptions = {缩放:13,中心:myLatlng,mapTypeId: google.maps.MapTypeId.ROADMAP}var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);var 标记 = 新的 google.maps.Marker({位置:myLatlng,地图:地图,标题:世界你好!"});});头部><body class="claro" style="height:100%;padding:0;margin:0; overflow:hidden"><div dojoType="dijit.layout.BorderContainer" style="height:100%"><div dojoType="dijit.layout.ContentPane" region="left" splitter="true" style="width:200px">左搜索的东西
<div dojoType="dijit.layout.ContentPane" region="top" style="height:100px">最佳
<div dojoType="dijit.layout.ContentPane" region="center" style="overflow:hidden"><div id="map_canvas" style="height:100%; width:100%"></div>