常用的好看高德地图嵌入代码
自适应宽度
高德地图坐标拾取器: https://lbs.amap.com/console/show/picker
<style type="text/css">
#container canvas{
max-width: none;
}
#container{
height: 380px;
margin: 0px;
font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
}
.info-title{
color: white;
font-size: 14px;
background-color: #b00045;
line-height: 26px;
padding: 0px 0 0 6px;
font-weight: lighter;
letter-spacing: 1px
}
.info-content{
padding: 4px;
color: #666666;
line-height: 23px;
}
.info-content img{
float: left;
margin: 3px;
}
</style>
<div id="container" tabindex="0"></div>
<div id='panel'></div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3"></script>
<script type="text/javascript">
var map = new AMap.Map('container',{
resizeEnable: true,
zoom: 17,
center: [121.452255,31.245114]
});
var marker = new AMap.Marker({
position: [121.452255,31.245114]
});
marker.setMap(map);
marker.on('click',function(e){
infowindow.open(map,e.target.getPosition());
})
AMap.plugin('AMap.AdvancedInfoWindow',function(){
infowindow = new AMap.AdvancedInfoWindow({
content: '<div class="info-title">某某公司名称</div><div class="info-content">'+
'电话:021-6381-0190<br />传真:021-6380-7605<br />地址:上海市闸北区长安路1001号长安大厦1号楼8层816-818室<br/>'+
'</div>',
offset: new AMap.Pixel(0, -30)
});
infowindow.open(map,[121.452255,31.245114]);
})
AMap.plugin(['AMap.ToolBar','AMap.Scale'],function(){
var toolBar = new AMap.ToolBar();
var scale = new AMap.Scale();
map.addControl(toolBar);
map.addControl(scale);
})
</script>
最近访问时间:2025-04-30 04:12:49