提交
This commit is contained in:
50
public/static/demo01.html
Normal file
50
public/static/demo01.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!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="map_load.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="container"></div>
|
||||
<script type="text/javascript">
|
||||
var outputPath = 'tiles/'; //地图瓦片所在的文件夹
|
||||
var fromat = ".jpg"; //格式
|
||||
|
||||
/*var tileLayer = new BMap.TileLayer();
|
||||
tileLayer.getTilesUrl = function (tileCoord, zoom) {
|
||||
var x = tileCoord.x;
|
||||
var y = tileCoord.y;
|
||||
var url = outputPath + zoom + '/' + x + '/' + y + fromat;
|
||||
return url;
|
||||
}
|
||||
var tileMapType = new BMap.MapType('tileMapType', tileLayer);*/
|
||||
|
||||
var map = new BMap.Map("container")
|
||||
|
||||
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
|
||||
map.centerAndZoom(point, 6); // 初始化地图,设置中心点坐标和地图级别
|
||||
//添加地图类型控件
|
||||
map.addControl(new BMap.MapTypeControl({
|
||||
mapTypes:[
|
||||
BMAP_NORMAL_MAP,
|
||||
BMAP_HYBRID_MAP
|
||||
]}));
|
||||
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
|
||||
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
||||
//单击获取点击的经纬度
|
||||
map.addEventListener("click",function(e){
|
||||
alert(e.point.lng + "," + e.point.lat);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user