56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>Hello, World</title>
|
||
<style type="text/css">
|
||
html {
|
||
height: 100%
|
||
}
|
||
|
||
body {
|
||
height: 100%;
|
||
margin: 0px;
|
||
padding: 0px
|
||
}
|
||
|
||
#container {
|
||
height: 100%
|
||
}
|
||
</style>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=T59gK6PmC3lV4gS8Mep3daOuzBlz5X4v">
|
||
//v3.0版本的引用方式：src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="container"></div>
|
||
<script type="text/javascript">
|
||
function getQueryVariable(variable) {
|
||
var query = window.location.search.substring(1);
|
||
var vars = query.split("&");
|
||
for (var i = 0; i < vars.length; i++) {
|
||
var pair = vars[i].split("=");
|
||
if (pair[0] == variable) {
|
||
return pair[1];
|
||
}
|
||
}
|
||
return (false);
|
||
}
|
||
|
||
var map = new BMap.Map("container");
|
||
// 创建地图实例
|
||
|
||
var latitude = getQueryVariable("latitude")
|
||
var longitude = getQueryVariable("longitude")
|
||
latitude = latitude == null ? 116.404 : parseFloat(latitude)
|
||
longitude = longitude == null ? 39.915 : parseFloat(longitude)
|
||
var point = new BMap.Point(longitude, latitude);
|
||
map.centerAndZoom(new BMap.Point(longitude, latitude), 18); // 初始化地图,设置中心点坐标和地图级别
|
||
map.addControl(new BMap.GeolocationControl());
|
||
</script>
|
||
</body>
|
||
|
||
</html> |