meys34
چهارشنبه 27 آبان 1394, 14:15 عصر
سلام
روش کار به این صورت هست که ابتدا یه صفحه html طراحی میکنیم که نقشه گوگل رو نشون بده...
کل اون html رو ریختم توی تکست 4 ... برای اینکه دیده بشه باید فرمتون رو بزرگ کنید...
<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>
<script>
var map; // global variable
var geocoder;
var markers = [];
function initialize() {
var mapOptions = {
zoom: 5,
mapTypeId: ****};
// assigning to global variable:
map = new google.maps.Map(document.getElementById("googleMap"),mapOptions);
map.setZoom(***);
getAddress('**',function returnGeo(Geo){
map.setCenter(Geo);});
*
}
function getAddress(address,CallBack){
geocoder = new google.maps.Geocoder();
geocoder.geocode({'address': address}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
CallBack(results[0].geometry.location);
}
});
}
function AddMarker(mark,number,color){
if (color==undefined){var color='FE7569';}
var marker = new google.maps.Marker({
icon:'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=' + number +'|'+color,
map: map
});
getAddress(mark,function returnGeo(Geo){
marker.setPosition(Geo);markers.push(marker);});
}
function DeleteMarkers() {
//Loop through all the markers and remove
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
};
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="position:absolute;top:10px;right:10px;bottom:10px; left:10px;"></div>
</body>
</html>
موقع فرم لود و هم توی دکمه refresh این html رو میریزم توی webbrowser که نمایش بده...
نکته:
فقط برای راحتی کار چند جا علامت * قرار دادم که با تابع replace بتونم تنظیمات رو از توی فرم به html اضافه کنم...
می شد این کار رو توسط توابع جاوا اسکریپت هم انجام بدم ولی اینجوری راحت تر بود...
در پایان:
برای راحتی کار توابع دلخواه رو به html اضافه کردم...
لیست توابع:
DeleteMarkers()
AddMarker(mark,number,color)
getAddress(address,CallBack)
علاوه بر این خود GOOGLE MAP هم یه سری توابع داره که در صورت لزوم می تونید استفاده کنید...
map.setMapTypeId(mapType)
map.setCenter(location)
map.setZoom(ZoomLevel)
شناخت html و javascript در این روش مورد نیاز هست...
با این حال هر بخشی که خواستید رو بگید بیشتر توضیح بدم...