Google map api - marker 建立

參考自 http://www.svennerberg.com/2009/07/google-maps-api-3-markers/


在地圖上建立 標記

現在google map 已經不需要使用 API key

所以在header 上加入 如

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript">
google.load("maps", "3", {other_params:"sensor=false"});
</script>






建立標記前 , 比須先宣告 map 物件， 記得在html 上給 map 一個 div 標籤


var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: new google.maps.LatLng(56.83, 15.16),
mapTypeId: google.maps.MapTypeId.ROADMAP
});


建立 標記marker


// Creating a marker and positioning it on the map
var marker = new google.maps.Marker({
position: new google.maps.LatLng(56.8848, 14.7730),
map: map
});