[轉][Javascript] 自定義Google地圖標誌及參數
http://hsw00.com/x2/forum.php?mod=viewthread&tid=5478
<div id="vat_canvas" style="width:100%;height:100%;"></div>
<script type="text/javascript">
<!--//
var script = document.createElement('script') ;
script.type = 'text/javascript' ;
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&'
+ 'callback=initialize&'
+ 'language=zh-TW' ;
document.body.appendChild(script) ;
var map = null ;
var geoCoder = null ;
var hide_address = '0' ;
function initialize() {
var latlng = new google.maps.LatLng(25.033663, 121.564644) ;
var mapOptions = {
zoom : 16 ,
panControl : false ,
zoomControl : true ,
mapTypeControl : true ,
scaleControl : true ,
streetViewControl : true ,
overviewMapControl : true ,
rotateControl : true ,
center : latlng
};
map = new google.maps.Map(document.getElementById('vat_canvas'), mapOptions) ;
var html = '<div style="width:212px;height:55px;">'
+ '<font color="red">性感小野貓股份有限公司</font><BR>'
+ '<font color="green">統編:12345678</font><BR>'
+ '<font color="blue">地址:台北101性感路野貓巷520號</font></div>' ;
var infowindow = new google.maps.InfoWindow({
content : html
});
var marker = new google.maps.Marker({
map : map ,
position : latlng ,
title : '性感小野貓股份有限公司'
});
infowindow.open(map,marker) ;
}
//-->
</script>
- var latlng = new google.maps.LatLng(25.033663, 121.564644) ; 須調整裡面的經緯度,可利用Google地圖直接查你要標誌位置的經緯度然後填入.
- zoom : 16 , 這數值為地圖的縮放程度,依照需求自己做調整吧.
調整自定義標誌的框架寬及高,內容文字跟文字顏色等,視需求自行調整. 4. title : ‘性感小野貓股份有限公司’ 這是滑鼠移到標誌時會顯示的名稱,視需求自行調整吧.