Advertisement
Guest User

Untitled

a guest
Feb 14th, 2016
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.30 KB | None | 0 0
  1. app.controller("controller2", function($scope, $timeout, dataPassingService) {
  2.  
  3. $scope.cafe_rest = dataPassingService.get();
  4.  
  5. var lng = $scope.cafe_rest.X_Northing_Latitube;
  6. var lat = $scope.cafe_rest.Y_Easting_Longtitube;
  7. var Name = $scope.cafe_rest.Name_en;
  8. var city = $scope.cafe_rest.Area;
  9. //alert(lat+" " +lng);
  10. $timeout(function(){
  11.  
  12. var latlng = new google.maps.LatLng(lat, lng);
  13. var myOptions = {
  14. zoom: 11,
  15. center: latlng,
  16. mapTypeId: google.maps.MapTypeId.ROADMAP
  17.  
  18. };
  19. //alert("som"+latlng);
  20. var myOptions1 = {
  21. zoom: 11,
  22. center: latlng,
  23. draggable: false,
  24. disableDoubleClickZoom: true,
  25. keyboardShortcuts:false,
  26. zoomControl:false,
  27. scrollwheel:false,
  28. mapTypeId: google.maps.MapTypeId.ROADMAP
  29.  
  30.  
  31.  
  32. };
  33. var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  34. $scope.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  35.  
  36.  
  37. var cities = [
  38.  
  39.  
  40. {city : Name,
  41. desc : city,
  42. lat : lat,
  43. long : lng
  44.  
  45. },
  46.  
  47.  
  48. ];
  49.  
  50. $scope.markers = [];
  51. var infoWindow = new google.maps.InfoWindow();
  52. var createMarker = function (info){
  53. var marker = new google.maps.Marker({
  54. map: $scope.map,
  55. position: new google.maps.LatLng(info.lat, info.long),
  56. title: info.city,
  57. icon: 'img/2hand.png'
  58.  
  59. });
  60.  
  61.  
  62.  
  63. marker.content = '<div class="infoWindowContent">' + info.desc + '</div>';
  64.  
  65. google.maps.event.addListener(marker, 'click', function(){
  66. infoWindow.setContent('<h4>' + marker.title + '</h4>' + marker.content);
  67. infoWindow.open($scope.map, marker);
  68. });
  69.  
  70. $scope.markers.push(marker);
  71.  
  72. }
  73.  
  74. for (i = 0; i < cities.length; i++){
  75. createMarker(cities[i]);
  76. }
  77.  
  78. $scope.openInfoWindow = function(e, selectedMarker){
  79. e.preventDefault();
  80. google.maps.event.trigger(selectedMarker, 'click');
  81. }
  82. $scope.overlay = new google.maps.OverlayView();
  83. $scope.overlay.draw = function() {}; // empty function required
  84. $scope.getRadius = function(num) {return Math.sqrt(num) * 100;
  85. }
  86. $scope.overlay.setMap($scope.map);
  87. $scope.element = document.getElementById('map');
  88. $scope.hammertime = Hammer($scope.element).on("hold", function(event) {
  89. $scope.addOnClick(event);
  90. });
  91.  
  92.  
  93. },200);
  94. });
  95.  
  96. app.controller("controller3", function($scope, $timeout,dataPassingService) {
  97.  
  98. $scope.cafe_rest = dataPassingService.get();
  99.  
  100. var lng = $scope.cafe_rest.X_Northing_Latitube;
  101. var lat = $scope.cafe_rest.Y_Easting_Longtitube;
  102. var Name = $scope.cafe_rest.Name_en;
  103. var city = $scope.cafe_rest.Area;
  104.  
  105.  
  106.  
  107. $timeout(function(){
  108. var latlng = new google.maps.LatLng(lat, lng);
  109.  
  110. var myOptions = {
  111. zoom: 11,
  112. center: latlng,
  113. draggable: false,
  114. disableDoubleClickZoom: true,
  115. keyboardShortcuts:false,
  116. zoomControl:false,
  117. scrollwheel:false,
  118. mapTypeId: google.maps.MapTypeId.ROADMAP
  119.  
  120. };
  121. var map = new google.maps.Map(document.getElementById("map"), myOptions);
  122. $scope.map = new google.maps.Map(document.getElementById("map"), myOptions);
  123.  
  124.  
  125. var cities = [
  126.  
  127.  
  128. {city :Name,
  129. desc : city,
  130. lat : lat,
  131. long : lng
  132.  
  133. },
  134.  
  135.  
  136. ];
  137.  
  138. $scope.markers = [];
  139. var infoWindow = new google.maps.InfoWindow();
  140. var createMarker = function (info){
  141. var marker = new google.maps.Marker({
  142. map: $scope.map,
  143. position: new google.maps.LatLng(info.lat, info.long),
  144. title: info.city,
  145. icon: 'img/2hand.png'
  146.  
  147. });
  148.  
  149.  
  150.  
  151. marker.content = '<div class="infoWindowContent">' + info.desc + '</div>';
  152.  
  153. google.maps.event.addListener(marker, 'click', function(){
  154. infoWindow.setContent('<h4>' + marker.title + '</h4>' + marker.content);
  155. infoWindow.open($scope.map, marker);
  156. });
  157.  
  158. $scope.markers.push(marker);
  159.  
  160. }
  161.  
  162. for (i = 0; i < cities.length; i++){
  163. createMarker(cities[i]);
  164. }
  165.  
  166. $scope.openInfoWindow = function(e, selectedMarker){
  167. e.preventDefault();
  168. google.maps.event.trigger(selectedMarker, 'click');
  169. }
  170. $scope.overlay = new google.maps.OverlayView();
  171. $scope.overlay.draw = function() {}; // empty function required
  172. $scope.getRadius = function(num) {return Math.sqrt(num) * 100;
  173. }
  174. $scope.overlay.setMap($scope.map);
  175. $scope.element = document.getElementById('map');
  176. $scope.hammertime = Hammer($scope.element).on("hold", function(event) {
  177. $scope.addOnClick(event);
  178. });
  179.  
  180.  
  181.  
  182. },200);
  183. });
  184.  
  185.  
  186.  
  187. $scope.mapButtonPushed = function () {
  188. dataPassingService.set($scope.Axiotheata);
  189. myNavigator.pushPage('page1.html', { animation : 'slide' } )
  190. }
  191.  
  192. <div id="map" ng-controller="controller3" ng-click="mapButtonPushed()" draggable="false" style="height:20%;"></div>
  193.  
  194.  
  195.  
  196. <div ng-click="mapButtonPushed()">map</div>
  197.  
  198. <div class="center" ng-controller="controller2">
  199. <div id="map_canvas" style="height:93%;"></div>
  200. </div> </div>
  201.  
  202. google.maps.event.trigger(map, 'resize');
  203.  
  204. var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  205. $scope.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); //delete this
  206.  
  207. google.maps.event.trigger(map, 'resize');
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement