|
|
|
มือใหม่ ค่ะ มือใหม่ เรื่อง qooqle map ต้องรบกวนผู้รู้แล้วละสิ คราวนี้ |
|
|
|
|
|
|
|
v3 ไม่ต้องใช้ api key แล้วครับ
|
|
|
|
|
Date :
2013-02-19 22:31:47 |
By :
numton |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช่แล้วไม่ต้องใช้ api
|
|
|
|
|
Date :
2013-02-19 22:32:31 |
By :
leksoft |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตัวอย่างครับ ลองเอาไปประยุกต์ใช้ดู (หาในกูเกิ้ลมาอีกทีครับ)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>google map</title>
<!-- script map google -->
<script type="text/javascript">
var geocoder;
var map;
var marker;
function initialize() {
geocoder = new google.maps.Geocoder();
var myOptions = {
//center: latlng,
zoom: 12, // 8 - 10
mapTypeId: google.maps.MapTypeId.ROADMAP // ROADMAP,SATELLITE,HYBRID,TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var latlng_center = new google.maps.LatLng(13.774073,100.497460); //ค่าละติจูด,ลองติจูด
map.setCenter(latlng_center);
marker = new google.maps.Marker({
position: null,
map: map,
draggable: false
});
marker.setPosition(latlng_center);
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false®ion=TH&hl=th&language=th&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
</head>
<body>
<div id="map_canvas" style="width:600px; height:400px"></div> <!-- กำหนดขนาดได้นะครับ-->
</body>
</html>
|
|
|
|
|
Date :
2013-02-19 22:50:01 |
By :
nutsuanplu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|