أبسط طريقة لإنشاء مزيج من خرائط Google؟

StackOverflow https://stackoverflow.com/questions/15247

  •  08-06-2019
  •  | 
  •  

سؤال

نظرا لقائمة المواقع مثل

<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>

ما هي أسهل طريقة لإنشاء خريطة Google مع دبابيس التثبيت لكل موقع؟

هل كانت مفيدة؟

المحلول

أفترض أن لديك أساسيات الخرائط في التعليمات البرمجية الخاصة بك بالفعل باستخدام مفتاح API الخاص بك.

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

يعتمد كل شيء في خرائط Google على خط العرض (lat) وخط الطول (lng).
لذا، لإنشاء علامة بسيطة، ما عليك سوى إنشاء GMarker باستخدام خطوط الطول والعرض.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA
var marker = new GMarker(where); // Create marker (Pinhead thingy)
map.setCenter(where); // Center map on marker
map.addOverlay(marker); // Add marker to map

ومع ذلك، إذا كنت لا تريد البحث عن خطوط الطول والعرض LNG لكل مدينة، فيمكنك استخدام Geo Coder من Google.هنا مثال:

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

لذلك أود فقط إنشاء مجموعة من GLatLng لكل مدينة من GeoCoder ثم رسمها على الخريطة.

نصائح أخرى

تفحص ال أمثلة على واجهة برمجة تطبيقات خرائط جوجلإنهم يجعلون الأمر بسيطًا جدًا ووثائق واجهة برمجة التطبيقات (API) الخاصة بهم رائعة.معظم الأمثلة مخصصة لتنفيذ جميع التعليمات البرمجية في JavaScript من جانب العميل، ولكن هناك واجهات برمجة التطبيقات للغات الأخرى المتاحة أيضًا.

أعتقد أن هناك حاجة إلى مزيد من المعلومات لإعطائك إجابة حقًا، ولكن في Django Pluggables هناك جانغو-جوجل ماب البرنامج المساعد قد يكون ذلك مفيدًا.

يحرر: آدم لديه إجابة أفضل بكثير.عندما تشك في إلقاء نظرة على أمثلة API.

جرب هذا: http://www.google.com/uds/solutions/wizards/mapsearch.html

إنه معالج خرائط جوجل الذي سيقوم بإنشاء الكود لك.ليس الأفضل لتطبيقك؛ولكنه مكان جيد "لتبلل قدميك" ;)

يحرر:(وجدت الرابط)، إليك برنامج تعليمي جيد لخرائط Google Maps API.

حظ سعيد!

/ النائب

فيما يلي بعض الروابط ولكن كما هو الحال مع معظم الأشياء، لم أتمكن من تجربتها بعد.

http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-Minutes/

http://www.mapbuilder.net/

هتاف جون

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top