溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Google 地圖 JavaScript API 示例: 簡單的地圖</title>
<%– 加載 Google 地圖 API JavaScript–%>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false®ion=cn"></script>
<script type="text/javascript">
var map;
//地圖初始化
function initialize() {
var myLatlng = new google.maps.LatLng(41.075145,111.470077)
var mapOptions = {
zoom: 14, //縮放級別
center: myLatlng, //將地圖的中心設置為指定的地理點 可以使用 0（最低縮放級別，在地圖上可以看到整個世界）到 19（最高縮放級別，可以看到獨立建筑物）之間的縮放級別
mapTypeId: google.maps.MapTypeId.SATELLITE, //ROADMAP-默認視圖 SATELLITE-顯示Google地球衛星圖像 HYBRID-混合顯示普通視圖和衛星視圖 TERRAIN-地形圖
scaleControl: true, //比例尺
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
};
map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);//編寫 JavaScript 函數創建“map”對象
var contentString = 'Hello World';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Uluru (Ayers Rock)"
//icon:你的圖片的地址(此行不設置則使用默認圖片)
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
//..................................................................
polyline = new google.maps.Polyline({
path:
[new google.maps.LatLng(41.075145,111.470077),
new google.maps.LatLng(41.085145,111.480077)],
geodesic: true,
strokeColor: "#FFFF00",
strokeOpacity: 1,
strokeWeight: 4
//fillOpacity:0.5
});
polyline.setMap(map);
}
</script>
</head>
<body
<form id="form1" runat="server">
<%–創建名為“map_canvas”的 div 元素來包含地圖–%>
<div id="map_canvas" >
</div>
</form>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
