how to integrate Google Maps with your ExtJs application
есть скрипт
Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', 'js/extjs/ux/'); Ext.require([ 'Ext.window.Window', 'Ext.tab.*', 'Ext.toolbar.Spacer', 'Ext.layout.container.Card', 'Ext.layout.container.Border', 'Ext.util.Floating', 'Ext.util.Observable', 'Ext.util.Animate', 'Ext.state.Stateful', 'Ext.form.*', 'Ext.tip.*', 'Ext.panel.*', 'Ext.button.*', 'Ext.container.ButtonGroup', 'Ext.layout.container.Table', 'Ext.data.*', 'Ext.grid.*', 'Ext.ux.statusbar.StatusBar' ]); Ext.onReady(function(){ Ext.QuickTips.init(); new Ext.Panel({x:0,y:0,}) fullscreen: true; html: 'bla bla' var resultsPanel = Ext.create('Ext.panel.Panel', { width: 1362, x:0, y:0, height: 60, renderTo: logo, html:'123', style: 'background-color: red;', }); var cont = new Ext.Window({ width:1162, height:380, title: 'Карта', resizable: false, draggable: false, closable: false, border: false, x:200, y:70, html:'321', }); cont.show(); var toolbc = new Ext.Window({ width:200, height:380, resizable: false, draggable: false, closable: false, title: 'Выберите точки', border: false, x:0, y:70, items:[ { xtype: 'textfield', fieldLabel: 'First Name'}, new Ext.form.TextField({fieldLabel: 'Surname'}), ] }); toolbc.show(); var desc = new Ext.Window({ width:1362, height:121, resizable: false, draggable: false, closable: false, border: false, title: 'Краткое описание', x:0, y:450, items:[ { xtype: 'textfield', fieldLabel: 'First Name'}, new Ext.form.TextField({fieldLabel: 'Surname'}), ] }); desc.show(); }); как в окно cont вставить карту гугление не помогает - ссылки либо на 404 ошибку либо на нерабочие скрипты в map.php <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>форма для входа</title> <link href="style.css" rel="stylesheet" media="all" /> <script type="text/javascript" src="js/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/func.js"></script> <script type="text/javascript" src="js/jqueryInterface.js"></script> <script type="text/javascript" src="js/jquery-ui/js/jquery-ui-1.8.15.custom.min.js"></script> <script type="text/javascript" src="google/sencha-touch/sencha-touch.js"></script> <link href="js/jquery-ui/development-bundle/themes/base/jquery.ui.all.css" rel="stylesheet"> <script src="js/jquery-ui/development-bundle/external/jquery.bgiframe-2.1.2.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.mouse.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.draggable.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.position.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.resizable.js"></script> <script src="js/jquery-ui/development-bundle/ui/jquery.ui.dialog.js"></script> <script type="text/javascript" src="/google/Ext.ux.GMapPanel3.js"></script> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/extjs/ext-all-debug-w-comments.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="js/extJSfunc.js"></script> <link href="js/extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css"> <script></script> <script></script> </head> <body> <script type=text/javascript </script> <div id="container"> <div style="border-top:3px solid #c9e0ed; "> <div id="logo" style="float:left; width:49%;"> <script src="mapp.js" type="text/javascript"></script> </div> </div> <br class="clear"/> <a href="" style="display:none;" id="dialog-new-document-open"></a> <div id="top-menu"></div> <div id="content"> <div id="dialog-login"></div></div> <div id="footer"></div> </div> стр 176.карту увеличить в размерах, справа панельку с чекбоксами, снизу характеристики точек </body> </body> |
а если этот код написать в .js то пишет ошибку namespace is undefined
http://suprofitweb.ru/google/js/extj...-w-comments.js Line 5981 как его надо описывать? может отдельно подключать библиотеки дополнительно? Ext.Loader.setConfig({ enabled: true }); Ext.Loader.setPath('Ext.ux', 'js/extjs/ux/'); Ext.require([ 'Ext.window.Window', 'Ext.tab.*', 'Ext.toolbar.Spacer', 'Ext.layout.container.Card', 'Ext.layout.container.Border', 'Ext.util.Floating', 'Ext.util.Observable', 'Ext.util.Animate', 'Ext.state.Stateful', 'Ext.form.*', 'Ext.tip.*', 'Ext.panel.*', 'Ext.button.*', 'Ext.container.ButtonGroup', 'Ext.layout.container.Table', 'Ext.data.*', 'Ext.grid.*', 'Ext.ux.statusbar.StatusBar' ]); Ext.onReady(function(){ Ext.QuickTips.init(); var panwin = new Ext.Window({ layout: 'fit', closeAction: 'hide', title: 'GPanorama Window', width:400, height:300, x: 480, y: 60, renderTo: 'body', items: { xtype: 'gmappanel', gmapType: 'panorama', setCenter: { lat: 42.345573, 'long': -71.098326 } } }); }); |
Ext.Loader.setPath('Ext.ux', 'js/extjs/ux/'); Это что? |
Часовой пояс GMT +3, время: 02:09. |