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

با سلام

با کد 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>

با تشکر

بیشتر بخوانید:   API Design : راهنمای کامل و جامع برای ساخت API

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

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم پنجشنبه 26/07/1397 ساعت 10 الی 11 What is Autism? مدرس : دکتر فاطمه خاندانی، دکترای تخصصی روانشناسی، موسس و مدیرعامل موسسه خیریه مهرگسترپرهام تهران شماره ثبت 44662 با مجوز و تحت نظارت سازمان بهزیستی استان تهران – آشنایی با اختلال طیف اُتیسم – علت اختلال طیف اُتیسم – علائم و نشانگان اختلال طیف اُتیسم – بهترین زمان تشخیص اختلال طیف اُتیسم – مداخلات تاثیرگذار ، مدیریت و درمان برای شرکت در دوره های رایگان آشنایی با اُتیسم با شماره 86026252 تماس بگیرید محل برگزاری : تهران ، یافت آباد، بلوار معلم، میدان معلم، خیابان تختی، مجتمع خدمات بهزیستی شهید ذوالفقاری ، ساختمان موسسه خیریه مهرگستر پرهام تهران، فعال حوزه اُتیسم http://MGPTC.com

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم

دومین جلسه کارگاه آموزشی رایگان آشنایی با اختلال طیف اتیسم پنجشنبه ۲۶/۰۷/۱۳۹۷ ساعت ۱۰ الی …

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

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