[PHP Develop]Một ngày một kinh nghiệm !

**mr.toanvu2711** · 28-09-2011 15:31

Các bác tìm hiểu nhé. cũng đơn giản thôi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>map google</title>

<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAAKmHxUM0vYR5N_Rt8gh-7xhT-e2DJkEXojuD8YL5zJjQ8Sjt1mhRmK17SMLqGcKquEwf4cz_rb4 bdgQ" type="text/javascript"></script> //đăng ký key tại google map API, mỗi web chỉ được một key
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">

var map;
var infowindow;
var marker= new Array();
var old_id= 0;
var infoWindowArray= new Array();
var infowindow_array= new Array();
function initialize()
{
var defaultLatLng = new google.maps.LatLng(10.820998,106.635864);// chọn tọa độ
var myOptions= {zoom: 16, center: defaultLatLng, scrollwheel : false, mapTypeId: google.maps.MapTypeId.ROADMAP };
map = new google.maps.Map(document.getElementById("map_canva s"), myOptions);
map.setCenter(defaultLatLng);
var arrLatLng = new google.maps.LatLng(10.820998,106.635864);
infoWindowArray[4782] = '<div style="height:120px;"><div style="font-weight:bold;color:#ff0000;font-size:18px; font-family:tahoma;">CÔNG TY TNHH MTV THƯƠNG MẠI ĐỨC NHÂN</div><div><b>Trụ sở chính :</b> 17-18 Hoàng Diệu, Q.4, TP.HCM </div><div><b> Điện thoại: </b> (08)6652 8115 <br><b> Di động: </b> 0938 563 216 <br> <b>Email:</b> ducnhan.trading@gmail.com </div></div>';
loadMarker(arrLatLng, infoWindowArray[4782], 4782);moveToMaker(4782);
}

function loadMarker(myLocation, myInfoWindow, id)
{
marker[id] = new google.maps.Marker({position: myLocation, map: map, visible:true});
var popup = myInfoWindow;infowindow_array[id] = new google.maps.InfoWindow({ content: popup});
google.maps.event.addListener(marker[id], 'mouseover', function() {if (id == old_id) return;
if (old_id > 0) infowindow_array[old_id].close();i
nfowindow_array[id].open(map, marker[id]);old_id = id;});
google.maps.event.addListener(infowindow_array[id], 'closeclick', function() {old_id = 0;});}
function moveToMaker(id)
{var location = marker[id].position;map.setCenter(location);
if (old_id > 0) infowindow_array[old_id].close();
infowindow_array[id].open(map, marker[id]);old_id = id;}
</script>
</head>

<body onload="initialize()" onunload="GUnload()">

<div id="map_canvas" style="width: 569px; height: 600px"></div>
</body>
</html>

Cái nào em đánh dấu đậm là quan trọng các bác lưu tâm ha.