常用的好看高德地图嵌入代码


高德地图代码嵌入html示意效果图

自适应宽度

高德地图坐标拾取器: 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>

[记录]Windows Server 2012 R2系统更新失败无法重启的解决方案

一次在运维公司内部服务器时候,重启过程中提示“更新并重启”手欠点了下,后来系统再也无法启动,陷入了“您的系统遇到错误需要重启…

日期:2023-11-13

破除windows server 2012 局域网远程桌面120天限制

“由于没有远程桌面授权服务器可以提供许可证,远程会话被中断”,或者提示“您的免费授权期限还剩20天”这样的描述。…

日期:2023-09-22

使用Mac系统里自带的php apache搭建php开发环境

1. 查看自带的php版本,在终端输入命令: php -v WendeiMac:lockin wenzhang$ php -v PHP 7.1.33 (cli)…

日期:2023-09-13

新买的笔记本Win11系统如何跳过联网登录使用本地登录

记得win11之前的系统一开始安装激活的时候,有需要联网激活,但是也有一个“我没有internet”或者使用“本地登录选项&…

日期:2023-07-26

Wordpress显示数据库的查询次数和时间

第一、在主题的funtions.php里添加如下代码,然后通过前台查看源代码查看页面的数据库查询次数和时间 //显示数据库查询次数、查询时间及内存占用的代码 f…

日期:2023-07-05

Imac环境安装sublime以及sass自动编译

Sublime编辑器写代码很爽,非常顺畅,现在讲一下sass插件的安装和保存自动编译。 第一步:安装Ruby,Sass依赖于ruby,所以必须安装ruby,我们…

日期:2023-05-16

模板里使用php判断手机还是pc分别写代码

phpok有个很好的功能是可以为pc或者mobile制作不同的模板,程序会自动判断调用,这样在不同的终端会呈现2套完全不同的布局。 这种情况对于做PC和手机端布…

日期:2022-05-28