Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: skrypt do mapki za google z geolokalizacją
Forum PHP.pl > Forum > Gotowe rozwiązania
toolmaniak
11.08.2006, 11:35:12
Witam, wypalam po woli kod moich statystyk i ostatnio wpadło mi do głowy, żeby urozmaicić go o jakąś mapkę wskazującą geolokalizacje (a konkretnie państwo) na mapie Europy lub wiata. Mój wybór padł na google.maps bo chyba posiadają najlepiej dopracowany aplecik do tego. No więc zarejestrowałem się, ściągłem klucz i podpiąłem pod taki kawałeczek kodziku jak poniżej:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="proxy.js"></script>
  2. <!-- ImageReady Preload Script (layout.psd) -->
  3. <script TYPE="text/javascript">
  4. <!--
  5.  
  6. function newImage(arg) {
  7. 	if (document.images) {
  8. 		rslt = new Image();
  9. 		rslt.src = arg;
  10. 		return rslt;
  11. 	}
  12. }
  13.  
  14. function changeImages() {
  15. 	if (document.images && (preloadFlag == true)) {
  16. 		for (var i=0; i<changeImages.arguments.length; i+=2) {
  17. 			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  18. 		}
  19. 	}
  20. }
  21.  
  22. var preloadFlag = false;
  23. function preloadImages() {
  24. 	if (document.images) {
  25. 		Button1_over = newImage("images/Button1-over.gif");
  26. 		Button2_Button1_over = newImage("images/Button2-Button1_over.gif");
  27. 		Button2_over = newImage("images/Button2-over.gif");
  28. 		Button3_Button2_over = newImage("images/Button3-Button2_over.gif");
  29. 		Button3_over = newImage("images/Button3-over.gif");
  30. 		Button4_Button3_over = newImage("images/Button4-Button3_over.gif");
  31. 		Button4_over = newImage("images/Button4-over.gif");
  32. 		Button5_Button4_over = newImage("images/Button5-Button4_over.gif");
  33. 		Button5_over = newImage("images/Button5-over.gif");
  34. 		Footer_button1_over = newImage("images/Footer_button1-over.gif");
  35. 		Footer_button2_Footer_button1_over = newImage("images/Footer_button2-Footer_butto.gif");
  36. 		Footer_button2_over = newImage("images/Footer_button2-over.gif");
  37. 		footer_button3_Footer_button2_over = newImage("images/footer_button3-Footer_butto.gif");
  38. 		footer_button3_over = newImage("images/footer_button3-over.gif");
  39. 		footer_button4_footer_button3_over = newImage("images/footer_button4-footer_butto.gif");
  40. 		footer_button4_over = newImage("images/footer_button4-over.gif");
  41. 		footer_button5_footer_button4_over = newImage("images/footer_button5-footer_butto.gif");
  42. 		footer_button5_over = newImage("images/footer_button5-over.gif");
  43. 		preloadFlag = true;
  44. 	}
  45. }
  46.  
  47. // -->
  48. </SCRIPT>
  49. <!-- End Preload Script -->
  50. <link href="style.css" rel="stylesheet" type="text/css">
  51. </HEAD>
  52. <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages(); onload();">
  53. <!-- ImageReady Slices (layout.psd) -->
  54. 						<!-- SiteSearch Google -->
  55.  
  56.  
  57. <script type="text/javascript"><!--
  58. google_ad_client = "pub-7304917892182792";
  59. google_ad_width = 468;
  60. google_ad_height = 15;
  61. google_ad_format = "468x15_0ads_al";
  62. google_ad_channel ="4861641801";
  63. google_color_border = "FFA013";
  64. google_color_bg = "FFFFFF";
  65. google_color_link = "980000";
  66. google_color_text = "006600";
  67. google_color_url = "FFA800";
  68. //--></script>
  69. <script type="text/javascript"
  70.   src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  71. </script>
  72.  
  73.  
  74.  
  75.  
  76.  
  77. 		    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAJzAXMS2InZxi2XjUHtDO8hQOFTMV00YHKbFUz59i_1oSM7yp7RTFipWNpVDr
    LrXvTFRyNKlKWxsEXA"     type="text/javascript"></script>
  78. 		    <div id="map" style="width: 450px; height: 300px; margin: 1px auto;"></div>
  79. 		    <div id="message"></div>
  80. 		    <script type="text/javascript">
  81. 		    //<![CDATA[
  82. 		    // A TextualZoomControl is a GControl that displays textual "Zoom In"
  83. // and "Zoom Out" buttons (as opposed to the iconic buttons used in
  84. // Google Maps).
  85. function TextualZoomControl() {
  86. }
  87. TextualZoomControl.prototype = new GControl();
  88.  
  89. // Creates a one DIV for each of the buttons and places them in a container
  90. // DIV which is returned as our control element. We add the control to
  91. // to the map container and return the element for the map class to
  92. // position properly.
  93. TextualZoomControl.prototype.initialize = function(map) {
  94.   var container = document.createElement("div");
  95.  
  96.   var zoomInDiv = document.createElement("div");
  97.   this.setButtonStyle_(zoomInDiv);
  98.   container.appendChild(zoomInDiv);
  99.   zoomInDiv.appendChild(document.createTextNode("Zoom In (+)"));
  100.   GEvent.addDomListener(zoomInDiv, "click", function() {
  101.     map.zoomIn();
  102.   });
  103.  
  104.   var zoomOutDiv = document.createElement("div");
  105.   this.setButtonStyle_(zoomOutDiv);
  106.   container.appendChild(zoomOutDiv);
  107.   zoomOutDiv.appendChild(document.createTextNode("Zoom Out (-)"));
  108.   GEvent.addDomListener(zoomOutDiv, "click", function() {
  109.     map.zoomOut();
  110.   });
  111.  
  112.   map.getContainer().appendChild(container);
  113.   return container;
  114. }
  115.  
  116. // By default, the control will appear in the top left corner of the
  117. // map with 7 pixels of padding.
  118. TextualZoomControl.prototype.getDefaultPosition = function() {
  119.   return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(4, 4));
  120. }
  121.  
  122. // Sets the proper CSS for the given button element.
  123. TextualZoomControl.prototype.setButtonStyle_ = function(button) {
  124.   button.style.textDecoration = "underline";
  125.   button.style.color = "#008800";
  126.   button.style.backgroundColor = "#99B3CC";
  127.   button.style.font = "9px Arial";
  128.   button.style.border = "1px solid #88a9c9";
  129.   button.style.padding = "1px";
  130.   button.style.marginBottom = "1px";
  131.   button.style.textAlign = "center";
  132.   button.style.width = "8em";
  133.   button.style.cursor = "pointer";
  134. }
  135. 		    function onload() {
  136. 			    var map = new GMap(document.getElementById("map"));
  137. 			    map.disableDragging();
  138. 			    map.addControl(new TextualZoomControl());
  139. 					map.addControl(new GMapTypeControl());
  140. 			    map.centerAndZoom(new GPoint(20, 52), 15);
  141. 					var icon = new GIcon();
  142. 					icon.image = "http://labs.google.com/ridefinder/images/mm_19_red.png";
  143. 					icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
  144. 					icon.iconSize = new GSize(12, 20);
  145. 					icon.shadowSize = new GSize(22, 20);
  146. 					icon.iconAnchor = new GPoint(9, 20);
  147. 			    map.addOverlay(new GMarker(new GPoint(20, 52), icon));
  148. 			  }
  149. 		    //]]>
  150. 		    </script>
[HTML] pobierz, plaintext


tam jest taka linijka jak: map.addOverlay(new GMarker(new GPoint(20, 52), icon)); która wskazuje na położenie geograficzne (współrzędną, południk - równoleżnik) ikonki zaznaczenia, i zależałoby mi na znalezieniu czegoś co mapowało by kod kraju który wyciagam z whois np. PL, DE, JP na właśnie szerokości geograficzne (jakaś ogólnie dostępna baza danych). Jest coś takiego? Z takiego jak powyżej skryptu korzysta min. http://www.ipaddresslocation.org tylko nie mam pojęcia jak oni to robią....questionmark.gifquestionmark.gif
nospor
11.08.2006, 11:39:05
http://forum.php.pl/index.php?showtopic=42519&st=0
toolmaniak
11.08.2006, 12:18:20
Spoko, czytałem już wcześniej ten pościk, z tym że bazy tam zamieszczone (jak sam autor napisał) działają tylko z klasą scout, a ja robie coś zupełnie innego...
nospor
11.08.2006, 12:28:54
no ale przy pomocy klasy mozesz pobierac interesujace ci informacje i korzystac z nich w "tym czyms innym" smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.