Extjs怎样使用OpenStreetMap

xiaowanwanwan1 2012-08-30 03:50:15

如题，怎样把openStreetMap显示在Extjs写的页面上，求赐教

...全文

169 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2012-09-04

打赏
举报

其实很简单，将ext对象首先生成到DOM树中，然后再创建地图对象，参数为ext对象.body.dom，进行一些地图设置就好了

下面是一个大概的示例，将openstreetmap生成到EXT.Window对象里面，ext是3.0的

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

    <title>GMap Window Example</title>

    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

 	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../../ext-all.js"></script>

    <script type="text/javascript" src="http://www.openstreetmap.org/assets/application-fdbeb1704cd97b247d0fd7c64d262b59.js"></script>

</head>

<body>

<script type="text/javascript">

    Ext.onReady(function () {

        var button = Ext.get('show-btn'), mapwin,map;

        button.on('click', function () {

            if (!mapwin) {

                mapwin = new Ext.Window({

                    layout: 'fit',

                    title: 'GMap Window',

                    closeAction: 'hide',

                    width: 800,

                    height: 600

                    ,resizable :false

                });

                mapwin.show();



                map = createMap(mapwin.body.dom);    

                var centre = new OpenLayers.LonLat(11.289667987826276, 51.36946561104731),zoom = 17;

                setMapCenter(centre, zoom);

                setMapLayers("C");

            } else

                mapwin.show();

        });

    });

</script>

<input type="button" id="show-btn" value="打开OpenStreetMap" /><br /><br />

</body>

</html>

xiaowanwanwan1 2012-09-04

打赏
举报

被这问题困扰好几天了

xiaowanwanwan1 2012-09-04

打赏
举报

太感谢了，你很厉害[Quote=引用 4 楼的回复:]
其实很简单，将ext对象首先生成到DOM树中，然后再创建地图对象，参数为ext对象.body.dom，进行一些地图设置就好了

下面是一个大概的示例，将openstreetmap生成到EXT.Window对象里面，ext是3.0的

HTML code
<html>
<head>
<meta http-equiv="Content-Type" content="text/……
[/Quote]

YAVA_2009 2012-09-01