<!doctype html>
<html>
<head>
<meta http-equiv=content-type content=text/html; charset=utf-8 />
<title>百度地圖</title>
<script type=text/javascript>
var iscreatr=false;
function initialize() {
var x = 116.4035;//設置默認標注點x
var y = 39.915;//設置默認標注點y
//---------------------------------------------基礎示例---------------------------------------------
var map = new bmap.map(allmap,{minzoom:12,maxzoom:20});// 創建map實例，將地圖掛到那個容器，用id表示
map.centerandzoom(new bmap.point(x,y),15); //初始化時，即可設置中心點和地圖縮放級別。
//map.centerandzoom(成都,13); // 初始化地圖,設置中心點坐標和地圖級別。
map.enablescrollwheelzoom(true);//鼠標滑動輪子可以滾動
var point = new bmap.point(x,y);//默認
// 創建標注對象并添加到地圖
var marker = new bmap.marker(point);
var label = new bmap.label(默認提示,{offset:new bmap.size(20,-10)});
marker.setlabel(label)
map.addoverlay(marker);
marker.enabledragging(); //可拖拽
marker.addeventlistener(dragend, function(e){//將結果進行拼接并顯示到對應的容器內
document.getelementbyid(r-result).innerhtml = e.point.lng + , + e.point.lat;//打印拖動結束坐標
});
}
function loadscript() {
var script = document.createelement(script);
script.src = http://api.map.baidu.com/api?v=1.4&callback=initialize;
document.body.appendchild(script);
}
window.onload = loadscript;
</script>
</head>
<body>
<div id=r-result style=float:left;width:100px;>坐標</div>
<div id=allmap style=width: 800px; height: 500px></div>
</body>
</html>
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
