Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- app.controller("controller2", function($scope, $timeout, dataPassingService) {
- $scope.cafe_rest = dataPassingService.get();
- var lng = $scope.cafe_rest.X_Northing_Latitube;
- var lat = $scope.cafe_rest.Y_Easting_Longtitube;
- var Name = $scope.cafe_rest.Name_en;
- var city = $scope.cafe_rest.Area;
- //alert(lat+" " +lng);
- $timeout(function(){
- var latlng = new google.maps.LatLng(lat, lng);
- var myOptions = {
- zoom: 11,
- center: latlng,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- //alert("som"+latlng);
- var myOptions1 = {
- zoom: 11,
- center: latlng,
- draggable: false,
- disableDoubleClickZoom: true,
- keyboardShortcuts:false,
- zoomControl:false,
- scrollwheel:false,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
- $scope.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
- var cities = [
- {city : Name,
- desc : city,
- lat : lat,
- long : lng
- },
- ];
- $scope.markers = [];
- var infoWindow = new google.maps.InfoWindow();
- var createMarker = function (info){
- var marker = new google.maps.Marker({
- map: $scope.map,
- position: new google.maps.LatLng(info.lat, info.long),
- title: info.city,
- icon: 'img/2hand.png'
- });
- marker.content = '<div class="infoWindowContent">' + info.desc + '</div>';
- google.maps.event.addListener(marker, 'click', function(){
- infoWindow.setContent('<h4>' + marker.title + '</h4>' + marker.content);
- infoWindow.open($scope.map, marker);
- });
- $scope.markers.push(marker);
- }
- for (i = 0; i < cities.length; i++){
- createMarker(cities[i]);
- }
- $scope.openInfoWindow = function(e, selectedMarker){
- e.preventDefault();
- google.maps.event.trigger(selectedMarker, 'click');
- }
- $scope.overlay = new google.maps.OverlayView();
- $scope.overlay.draw = function() {}; // empty function required
- $scope.getRadius = function(num) {return Math.sqrt(num) * 100;
- }
- $scope.overlay.setMap($scope.map);
- $scope.element = document.getElementById('map');
- $scope.hammertime = Hammer($scope.element).on("hold", function(event) {
- $scope.addOnClick(event);
- });
- },200);
- });
- app.controller("controller3", function($scope, $timeout,dataPassingService) {
- $scope.cafe_rest = dataPassingService.get();
- var lng = $scope.cafe_rest.X_Northing_Latitube;
- var lat = $scope.cafe_rest.Y_Easting_Longtitube;
- var Name = $scope.cafe_rest.Name_en;
- var city = $scope.cafe_rest.Area;
- $timeout(function(){
- var latlng = new google.maps.LatLng(lat, lng);
- var myOptions = {
- zoom: 11,
- center: latlng,
- draggable: false,
- disableDoubleClickZoom: true,
- keyboardShortcuts:false,
- zoomControl:false,
- scrollwheel:false,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var map = new google.maps.Map(document.getElementById("map"), myOptions);
- $scope.map = new google.maps.Map(document.getElementById("map"), myOptions);
- var cities = [
- {city :Name,
- desc : city,
- lat : lat,
- long : lng
- },
- ];
- $scope.markers = [];
- var infoWindow = new google.maps.InfoWindow();
- var createMarker = function (info){
- var marker = new google.maps.Marker({
- map: $scope.map,
- position: new google.maps.LatLng(info.lat, info.long),
- title: info.city,
- icon: 'img/2hand.png'
- });
- marker.content = '<div class="infoWindowContent">' + info.desc + '</div>';
- google.maps.event.addListener(marker, 'click', function(){
- infoWindow.setContent('<h4>' + marker.title + '</h4>' + marker.content);
- infoWindow.open($scope.map, marker);
- });
- $scope.markers.push(marker);
- }
- for (i = 0; i < cities.length; i++){
- createMarker(cities[i]);
- }
- $scope.openInfoWindow = function(e, selectedMarker){
- e.preventDefault();
- google.maps.event.trigger(selectedMarker, 'click');
- }
- $scope.overlay = new google.maps.OverlayView();
- $scope.overlay.draw = function() {}; // empty function required
- $scope.getRadius = function(num) {return Math.sqrt(num) * 100;
- }
- $scope.overlay.setMap($scope.map);
- $scope.element = document.getElementById('map');
- $scope.hammertime = Hammer($scope.element).on("hold", function(event) {
- $scope.addOnClick(event);
- });
- },200);
- });
- $scope.mapButtonPushed = function () {
- dataPassingService.set($scope.Axiotheata);
- myNavigator.pushPage('page1.html', { animation : 'slide' } )
- }
- <div id="map" ng-controller="controller3" ng-click="mapButtonPushed()" draggable="false" style="height:20%;"></div>
- <div ng-click="mapButtonPushed()">map</div>
- <div class="center" ng-controller="controller2">
- <div id="map_canvas" style="height:93%;"></div>
- </div> </div>
- google.maps.event.trigger(map, 'resize');
- var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
- $scope.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); //delete this
- google.maps.event.trigger(map, 'resize');
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement