نمایش آدرس شما در گوگل مپ برای درج در سایت شما

با سلام

با کد html  زیر میتونید آدرس مورد نظر خودتون رو در  نقشه Google Map  در سایت یا وبلاگ خودتون نمایش بدید.

Html Code:

<!DOCTYPE html>
<html>
<head>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />

<style type=”text/css”>
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>

<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script>

<script type=”text/javascript”>

var map;
var pos_W=51.2128300;
var pos_N=35.6997917; //۳۵.۶۹۹۷۹۱۷

function initialize()
{
var latlng = new google.maps.LatLng(pos_N,pos_W);
var myOptions = {
zoom: 13,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions);

//Santa Monica
createMarker(pos_N,pos_W,’Tehran’);

var bufferOptions = {
strokeColor: “#FF0000”,
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: “#FF0000”,
fillOpacity: 0.35,
map: map,
center: new google.maps.LatLng(pos_N,pos_W),
radius: 5000
};
var cityCircle = new google.maps.Circle(bufferOptions);

//Culver City
// createMarker(34.0211224,-118.3964665,’Culver City’);
}

//Function to create marker
function createMarker(latitude,longitude,title)
{
var markerLatLng = new google.maps.LatLng(latitude,longitude);
var marker = new google.maps.Marker({
position: markerLatLng,
map: map,
title: title
});
}
</script>
</head>

<body onload=”initialize()”>
<div id=”map_canvas” style=”width:100%; height:100%”></div>
</body>

</html>

با تشکر

بیشتر بخوانید:   افزودن تصویر به Google

همچنین ببینید

map نقشه Gis جی ای اس موقعیت مکانی و جغرافیایی جی پی اس پرهاست

تغییرات جدید Google Map Api

شرکت گوگل با فراهم آوردن APIهایی، امکان استفاده از سرویس نقشه خود را برای تولیدکنندگان …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *