Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2011, 15:41
Интересующийся
Отправить личное сообщение для sedoyksa Посмотреть профиль Найти все сообщения от sedoyksa
 
Регистрация: 28.09.2011
Сообщений: 15

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>

Последний раз редактировалось sedoyksa, 27.10.2011 в 21:17.
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2011, 19:36
Интересующийся
Отправить личное сообщение для sedoyksa Посмотреть профиль Найти все сообщения от sedoyksa
 
Регистрация: 28.09.2011
Сообщений: 15

а если этот код написать в .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
		}   
	}
});
});
Ответить с цитированием
  #3 (permalink)  
Старый 29.10.2011, 20:49
Аватар для DreamTheater
Профессор
Отправить личное сообщение для DreamTheater Посмотреть профиль Найти все сообщения от DreamTheater
 
Регистрация: 15.02.2011
Сообщений: 471

Ext.Loader.setPath('Ext.ux', 'js/extjs/ux/');

Это что?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запустить модальное окно из информационного окна google maps? www123 jQuery 5 04.09.2011 23:38
JavaScript + Google Maps ahimaskrasavin Элементы интерфейса 5 20.06.2011 13:21
Google Maps plugin InviS jQuery 0 06.10.2010 14:17
Google maps алгоритм приближения к точке mycoding Общие вопросы Javascript 2 20.04.2010 13:58