باسلام
من یه توضیح مختصر میدم الباقی رو هم آدرس میدم که از اون آدرس با نگاه کردن به سورس میتونی متوجه بشی اگه بازم سوالی بود بنده و دوستان در خدمت هستیم.
اول فرم کلی و فراخوانی یک نقشه گوگل به صورت زیر هست:
کد HTML:
<!DOCTYPE html><html>
<body>
<div id="map" style="width:100%;height:500px"></div>
<script>function myMap() { var myCenter = new google.maps.LatLng(37.2529974,55.1703095); var mapCanvas = document.getElementById("map"); var mapOptions = {center: myCenter, zoom: 13}; var map = new google.maps.Map(mapCanvas, mapOptions); var marker = new google.maps.Marker({position:myCenter}); marker.setMap(map);
var infowindow = new google.maps.InfoWindow({ content: "My Place" }); infowindow.open(map,marker);}</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>
</body></html>
که محل نمایش منطقه مورد نظر رو با استفاده از Latitude و Longitudeکه من شهر خودم رو انتخاب کردم نمایش میده
کد HTML:
var myCenter = new google.maps.LatLng(Latitude,Longitude);
کد زیر هم فک کنم نیاز به توضیح نباشد :
کد HTML:
var mapOptions = {center: myCenter, zoom: 13};
والباقی مسائل رو میتونی از آدرس زیر پیدا کنی :
http://www.geocodezip.com/v3_example_click2add_infowindow.html