Sencha touch 2 - Display current location on map

后端 未结 4 558
难免孤独
难免孤独 2021-01-07 06:27

I want to display my current location and get location coordinates to search nearby. Starting with the code below to display my location on the map, but its not working.

4条回答
  •  长情又很酷
    2021-01-07 06:58

    Here is the code. It will show multiple markers with bounds:

    Ext.define("iME.view.Maps", {
        extend: "Ext.Map",
        xtype: 'mapview',
        config: {
    
            mapOptions: {    
                center: new google.maps.LatLng(28.80010128657071, 77.28747820854187),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false
            },
    
            listeners: {
                maprender: function (comp, map) {
    
                    var markersll = [
                        ['Noida', 28.80010128657071, 77.28747820854187],
                        ['Coogee Beach', 24.80010128565, 73.2874782084457],
                        ['Cronulla Beach', 25.80010128657071, 76.28747820854187],
                        ['Manly Beach', 28.80010128657071, 72.28747820854187],
                        ['Maroubra Beach', 9.052234, 75.243685]
                    ];
    
                    var infowindow = new google.maps.InfoWindow();
                    var marker, i, pos;
                    var bounds = new google.maps.LatLngBounds();
                    for (i = 0; i < markersll.length; i++) {
    
                        pos = new google.maps.LatLng(markersll[i][1], markersll[i][2]);
                        bounds.extend(pos);
                        marker = new google.maps.Marker({
    
                            position: pos,
                            animation: google.maps.Animation.BOUNCE,
                            icon: 'http://thumb10.shutterstock.com/thumb_small/429058/131292377/stock-vector-map-super-marker-icon-131292377.jpg',
                            map: map,
                            title: 'Click Me ' + i
                        });    
    
                        google.maps.event.addListener(marker, 'click', (function (marker, i) {
                            return function () {
                                infowindow.setContent(markersll[i][0]);
                                infowindow.open(map, marker);
                            }
                        })(marker, i));
                        map.fitBounds(bounds);
                    }
                }
            }
        }    
    });
    

提交回复
热议问题