87,910
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
「已注销」 2020-10-15
- 打赏
- 举报
怎么修改img的大小
一个野指针丶 2020-04-30
- 打赏
- 举报
图片太大会不会影响显示？
qq_36864835 2019-06-01
- 打赏
- 举报
路径问题 ，路径不能是本机路径，会跨域
qq_34200559 2017-04-09
- 打赏
- 举报
你应该加上图片的后缀名
精神抖擞王大鹏 2016-12-05
- 打赏
- 举报
求各路大神指教
精神抖擞王大鹏 2016-12-05
- 打赏
- 举报
代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<style type="text/css">
body,html,#container{
height: 100%;
margin: 0px;
font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
}
.title{
margin: 0px;
color: white;
font-size: 14px;
background-color: rgba(0,155,255,0.8);
line-height: 22px;
padding: 0px 0 0 6px;
font-weight: lighter;
letter-spacing: 1px;
}
.content{
padding: 4px;
color: #666;
line-height: 18px;
}
.amap-info-content{
padding: 0 0 2px 0px;
}
</style>
<title>快速入门</title>
</head>
<body>
<div id="container" tabindex="0"></div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
<script type="text/javascript">
var map = new AMap.Map('container',{
resizeEnable: true,
zoom: 16,
center: [116.480983, 39.989628]
});
var marker = new AMap.Marker({
icon:"D:\图片\banner02",
//点标记在地图上显示的位置
position: [116.480983, 39.989628]
});
//为Marker指定目标显示地图。当参数值取null时，地图上移除当前Marker：setMap(null)
marker.setMap(map);
//设置覆盖物形状为圆
var circle = new AMap.Circle({
//设置圆心位置
center: [116.480983, 39.989628],
//设置圆的半径
redius: 100,
//设置圆形填充透明度
fillOpacity:0.1,
//圆形填充颜色
fillColor:'#09f',
//设置线条颜色
strokeColor:'#09f',
//轮廓线宽度
strokeWeight:1
})
//将圆形扩状物加载到地图上
circle.setMap(map);
//根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别
map.setFitView()
var info = new AMap.InfoWindow({
//要显示的内容
content: '<div class="title">高德地图</div><div class="content">'+
'高德是中国领先的数字地图内容、导航和位置服务解决方案提供商。<br/>',
//相当于基点的偏移量
offset:new AMap.Pixel(0,-28),
//信息窗体尺寸
size:new AMap.Size(200,0)
})
//在地图的指定位置打开信息窗体
info.open(map,marker.getPosition())
</script>
<script type="text/javascript" src="http://webapi.amap.com/demos/js/liteToolbar.js"></script>
</body>
</html>
