PDA

View Full Version : how to integrate gmappanel in extjs3.4



kiran333
24 Apr 2014, 9:07 PM
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://maps.google.com/maps/api/js?sensor=false"></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

kiran333
25 Apr 2014, 6:28 AM
can i expect the solution from sencha support team regarding this question...Thanks

ferro87
11 Feb 2015, 8:10 PM
Maybe you can give a try to this:

https://github.com/VinylFox/ExtJS.ux.GMapPanel

Regards