87,991
社区成员
发帖
与我相关
我的任务
分享<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#golist {display: none;}
@media (max-device-width: 780px){#golist{display: block !important;}}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=密钥&v=1.0"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<title>测试</title>
</head>
<body>
<div id="allmap">
<button type="button">13</button>
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var m_maker=null;
var gpsPoint;
var infoWindow1 = new BMap.InfoWindow("普通标注");
var bmap = new BMap.Map("allmap");
//bmap.centerAndZoom(new BMap.Point(116.384, 39.925), 14);
gpsPoint=new BMap.Point(116.384, 39.925);
BMap.Convertor.translate(gpsPoint,0,showPosition);
bmap.addControl(new BMap.ZoomControl()); //添加地图缩放控件
//map.addControl(new BMap.scale());//添加比例尺控件
//var marker1 = new BMap.Marker(new BMap.Point(116.384, 39.925)); //创建标注
// map.addOverlay(marker1); // 将标注添加到地图中
//创建信息窗口
//var infoWindow1 = new BMap.InfoWindow("普通标注");
//marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
getLocation();
//get the location of device
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(TanslatePoint);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
//location
function showPosition(point)
{
bmap.centerAndZoom(point,15);
// bmap.clearOverlays();
if(m_maker!=null)
{
m_maker.removeEventListener("click",showDlg);
}
m_maker = new BMap.Marker(point); //创建marker对象
m_maker.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});
bmap.addOverlay(m_maker); //在地图中添加marker
}
//Tanslate the point
function TanslatePoint(position)
{
var currentLat = position.coords.latitude;
var currentLon = position.coords.longitude;
gpsPoint = new BMap.Point(currentLon, currentLat);
BMap.Convertor.translate(gpsPoint,0,showPosition); //转换坐标
// map.centerAndZoom(gpsPoint,18);
}
function showDlg(e) {
searchInfoWindow.open(m_maker);
}
</script>