<!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;//設(shè)置默認(rèn)標(biāo)注點(diǎn)x
var y = 39.915;//設(shè)置默認(rèn)標(biāo)注點(diǎn)y
//---------------------------------------------基礎(chǔ)示例---------------------------------------------
var map = new bmap.map(allmap,{minzoom:12,maxzoom:20});// 創(chuàng)建map實(shí)例，將地圖掛到那個(gè)容器，用id表示
map.centerandzoom(new bmap.point(x,y),15); //初始化時(shí)，即可設(shè)置中心點(diǎn)和地圖縮放級(jí)別。
//map.centerandzoom(成都,13); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別。
map.enablescrollwheelzoom(true);//鼠標(biāo)滑動(dòng)輪子可以滾動(dòng)
var point = new bmap.point(x,y);//默認(rèn)
// 創(chuàng)建標(biāo)注對(duì)象并添加到地圖
var marker = new bmap.marker(point);
var label = new bmap.label(默認(rèn)提示,{offset:new bmap.size(20,-10)});
marker.setlabel(label)
map.addoverlay(marker);
marker.enabledragging(); //可拖拽
marker.addeventlistener(dragend, function(e){//將結(jié)果進(jìn)行拼接并顯示到對(duì)應(yīng)的容器內(nèi)
document.getelementbyid(r-result).innerhtml = e.point.lng + , + e.point.lat;//打印拖動(dòng)結(jié)束坐標(biāo)
});
}
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;>坐標(biāo)</div>
<div id=allmap style=width: 800px; height: 500px></div>
</body>
</html>
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試