jeudi 24 avril 2014

how to integrate gmappanel in extjs3.4

Hi all i am new to extjs 3.4, i felt difficult in case of integrating google map with extjs3.4. I am using Ext.ux.gmappanel3 of vinylFox google map V3....my code is below

</head>

<body>


<div id="ext-map"></div>

<script src="http://ift.tt/NF9SGx"></script>


<script src="/js/ext/3.2.1/adapter/ext/ext-base.js"></script>

<script src="/js/ext/3.2.1/ext-all.js"></script>

<script src="/js/gmap/Ext.ux.GMapPanel3.js"></script>(This is library js)


<script src="map.js"></script>


</body>

</html>


map.js


var viewport = new Ext.Viewport({

items:[{

title:'center panel',

region:'center',

items:[mygmappanel]

}]

});


var mygmappanel = new Ext.Panel({

layout: 'fit',

height: 500,

hideLabel: true,

items: [

{

xtype: 'gmappanel',

gmapType: 'map',

zoomLevel: 14,

setCenter: {

lat: 40.782686,

lng: -73.96524,

marker: {

title: 'Central Park'

}

}

}

]

});


here i want to add multiple markers for multiple places with multiple infowindow how i can acheive this give me suggestions regarding this.

If my way is wrong advice me correct, Thanks in advance





Aucun commentaire:

Enregistrer un commentaire