ST2 Gmap 画圆

Ext.define('demo.view.Map', {
    extend: 'Ext.Map',
    alias: 'widget.map',

    config: {
    	
        listeners: [
            {
                fn: 'onMapMaprender',
                event: 'maprender'
            }
        ]
    },

    onMapMaprender: function(map, gmap, options) {

        //北京偏移量
        var xOffset= 0.001381939;
        var yOffset= 0.006142259;
        var neighborhoods = [
                   //          new google.maps.LatLng(52.511467+ xOffset , 13.447179+yOffset),
                             ];
        var pos;
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
             pos = new google.maps.LatLng(position.coords.latitude+xOffset,
                                               position.coords.longitude+yOffset);

              
              var centerMarker= new google.maps.Marker({
                  position: pos,
                  map: gmap,
                  draggable: false,
                  animation: google.maps.Animation.DROP
                  });
              google.maps.event.addListener(centerMarker, "click", function() {
            	  var infowindow = new google.maps.InfoWindow({
                      map: gmap,
                      position: pos,
                      content: '你当前的位置'
                    });
            	 //infoWindow.open(this.getMap(), mymarker);
              });
              
              var populationOptions = {
            	        strokeColor: "#FF0000",
            	        strokeOpacity: 0.8,
            	        strokeWeight: 2,
            	        fillColor: "#FF0000",
            	        fillOpacity: 0.35,
            	        map: gmap,
            	        center: pos,
            	        radius: 100
            	      };
              var cityCircle = new google.maps.Circle(populationOptions);
              gmap.setCenter(pos);
//              //导航路线
              
//             var  Target= new google.maps.LatLng(37.37015718405753, 114.609375);
//             var directionsService = new google.maps.DirectionsService();
//        	 var directionsDisplay = new google.maps.DirectionsRenderer();  
//            directionsDisplay.setMap(gmap);
//        	  var request = {  
//        	    origin:pos,   
//        	    destination:Target,  
//        	    travelMode: google.maps.DirectionsTravelMode.DRIVING  
//        	  };  
//        	  directionsService.route(request, function(result, status) {  
//        	    if (status == google.maps.DirectionsStatus.OK) {  
//        	      directionsDisplay.setDirections(result);  
//        	    }  
//        	  });  
            
            });
            }
        
        
     
       
        for (var i = 0; i < neighborhoods.length; i++) {
        var m = neighborhoods[i];

        var mymarker= new google.maps.Marker({
        position: m,
        map: gmap,
        draggable: false,
        animation: google.maps.Animation.DROP
        });
        
        google.maps.event.addListener(mymarker, "click", function() {
       	 var infoWindow = new google.maps.InfoWindow();
       	
           infoWindow.setContent('test');
           infoWindow.open(this.getMap(), mymarker);
       });
        }
        
       
    },
   
});




Ext.define('demo.view.override.Map', {
    requires: 'demo.view.Map',
    
}, function() {
    Ext.override(demo.view.Map, {
         config: {
            mapOptions: {
                //center: new google.maps.LatLng(23.0999442125314, 113.203125),
                zoom: 14,
            }
        }
    });
});