百度地图ak设置成你自己的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
<title>养老院地图</title>
<style type="text/css">
html,body{margin:0;padding:0;width:100%;height:100%;}
.anchorBL{
display:none;
}
.marker-content{
margin-top:10px;
}
.marker-content li{
margin:5px 0;
}
.marker-content label{
display:inline-block;
width:50px;
text-align:center;
}
.info-content{
width:50%;
float:left;
}
.info-content-label-separate{
float:left;
}
.info-content-label{
width:50px;
float:left;
}
.find{
width:300px;
background:#fff;
border:1px solid #887DB7;
position:absolute;
margin:5px;
top:10px;
left:10px;
z-index:9;
font-size:12px;
font-family:'Microsoft Yahei,Arial,Helvetica,SimSun,sans-serif' !important;
}
.searchIpt{
padding:2px;
width:100%;
height:26px;
border-bottom:1px solid #ddd;
color: #666;
}
.iptbox{
float:left;
width:235px;
height:20px;
outline:none;
}
.searchBtn{
float:left;
margin-top:4px;
margin-left:5px;
font-size:15px;
}
.result-up-down{
font-size:15px;
float: right;
margin-right:15px;
margin-top:3px;
}
.result-content{
padding: 5px;
border-bottom: 1px solid #C5BCBC;
}
.ml23{
margin-left:23px !important;
}
.result-content .col-l{
float:left;
}
.result-content .col-row{
padding:3px 0;
}
.result-content .no{
background-image:url(gis/images/map/marker-red-18x24.png);
width: 15px;
height: 20px;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
background-size: contain;
}
.pagingBox {
padding: 8px 0;
font-size: 13px;
overflow: hidden;
zoom:1;
}
ul,li{
margin:0;
padding:0;
list-style:none;
}
.p_info{
float:left;
padding-left:10px;
}
.p_btn{
float:right;
}
.p_btn li{
width: 30px;
margin: 0 2px;
border: 1px solid #ccc;
float: left;
text-align: center;
cursor:pointer;
}
.p_btn li:hover{
background:#009EEE;
border:1px solid #009EEE;
color:#fff;
}
a:visited {color: rgb(85,26,139)}
</style>
</head>
<body style="overflow:-Scroll;overflow-y:hidden">
<div id="container" style="width:100%;height: 100%;"></div>
<script src="http://api.map.baidu.com/api?v=2.0&ak=你自己ak"></script>
<script src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<script src="http://api.map.baidu.com/library/EventWrapper/1.2/src/EventWrapper.min.js"></script>
<script type="text/javascript">
var map = new BMap.Map("container");
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 15);
var startPoint = {
x : 122.207179,
y : 37.216498
};
var point = new BMap.Point(startPoint.x, startPoint.y);
map.centerAndZoom(point, 10);
map.enableScrollWheelZoom(true);
// 地图自定义样式
// function customMapStyle() {
map.setMapStyle({
styleJson : [ {
"featureType" : "water",
"elementType" : "all",
"stylers" : {
"color" : "#000000"
}
}, {
"featureType" : "land",
"elementType" : "all",
"stylers" : {
"color" : "#0f406a"
}
}, {
"featureType" : "boundary",
"elementType" : "geometry",
"stylers" : {
"color" : "#165575"
}
}, {
"featureType" : "railway",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "highway",
"elementType" : "geometry",
"stylers" : {
"color" : "#004981"
}
}, {
"featureType" : "highway",
"elementType" : "geometry.fill",
"stylers" : {
"color" : "#005b96",
"lightness" : 1
}
}, {
"featureType" : "highway",
"elementType" : "labels",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "arterial",
"elementType" : "geometry",
"stylers" : {
"color" : "#004981"
}
}, {
"featureType" : "arterial",
"elementType" : "geometry.fill",
"stylers" : {
"color" : "#00508b"
}
}, {
"featureType" : "poi",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "green",
"elementType" : "all",
"stylers" : {
"color" : "#056197",
"visibility" : "off"
}
}, {
"featureType" : "subway",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "manmade",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "local",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "arterial",
"elementType" : "labels",
"stylers" : {
"visibility" : "off"
}
}, {
"featureType" : "boundary",
"elementType" : "geometry.fill",
"stylers" : {
"color" : "#029fd4"
}
}, {
"featureType" : "building",
"elementType" : "all",
"stylers" : {
"color" : "#1a5787"
}
}, {
"featureType" : "label",
"elementType" : "all",
"stylers" : {
"visibility" : "off"
}
} ]
});
// }
</script>
</body>
</html>
