Durante la refactorización del kit de herramientas moderno al clásico, encontré un problema con el componente de marcadores: no están incluidos en el kit clásico.
De Modern Toolkit Sencha Docs:
marcadores: Ext.data.Store / Object / Ext.data.Model[] / Ext.ux.google.map.Marker enlazable
Puede ser una instancia de Store, un objeto de configuración que se convertirá en una tienda, una matriz de modelos o un solo modelo (en cuyo caso se creará una tienda). La Tienda se utiliza para completar el conjunto de marcadores que se representarán en el mapa. Las opciones de marcador se leen a través de la configuración de la plantilla de marcador.
¿Es real integrar este componente en Classic Toolkit? No se puede encontrar una solución óptima (si es real) de Internet/documentación.
En el kit de herramientas clásico, el método addMarker espera un objeto.
DESDE https://docs.sencha.com/extjs/7.0.0/classic/src/GMapPanel.js.html
addMarker: function(marker) { var o; marker = Ext.apply({ map: this.gmap }, marker); if (!marker.position) { marker.position = new google.maps.LatLng(marker.lat, marker.lng); } o = new google.maps.Marker(marker); Ext.Object.each(marker.listeners, function(name, fn) { google.maps.event.addListener(o, name, fn); }); return o; },Pero simplemente puede implementar el marcador, es un registro especial, pero como me parece, no son compatibles 1: 1 (posición frente a lat lng).
https://docs.sencha.com/extjs/6.6.0/modern/src/Marker.js.html
Aquí hay un marcador de kit de herramientas clásico:
Ext.define('Ext.ux.google.map.Marker', { extend: 'Ext.data.Model', fields: ['lat', 'lng', 'title'] });Todos juntos
// define marker Ext.define('Ext.ux.google.map.Marker', { extend: 'Ext.data.Model', fields: ['lat', 'lng', 'title'] }); // create map var mapwin = Ext.create('Ext.Window', { layout: 'fit', title: 'GMap Window', width: 800, height: 600, items: { xtype: 'gmappanel', gmapType: 'map', mapOptions: { center: new google.maps.LatLng(-33.712451, 150.311823), mapTypeId: google.maps.MapTypeId.ROADMAP } } }).show(); // use marker as record let m = Ext.create('Ext.ux.google.map.Marker'); m.set('lat', -33.732451); m.set('lng', 150.311823); m.set('title', 'foo bar'); let data = m.getData(); let { lat, lng, title } = data; mapwin.down('gmappanel').addMarker({ lat, lng, title }); // simple objects mapwin.down('gmappanel').addMarker({ lat: -33.712451, lng: 150.311823, title: 'Holmes Home' }) mapwin.down('gmappanel').addMarker({ lat: -33.722451, lng: 150.311823, title: 'Holmes Home' })