!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

怎么用百度地图设置显示公司地址? - wordpress教程

国外常用谷歌地图,我们国内有百度地图,而且用起来也是蛮方便的,大家可以来试试。

国外常用谷歌地图,我们国内有百度地图,而且用起来也是蛮方便的,大家可以来试试。

在百度地图开放平台(http://lbsyun.baidu.com/)登录账号新建应用,应用类型选择浏览器端,建立完成后我们会得到应用AK

怎么用百度地图设置显示公司地址? - wordpress教程-Npcink
怎么用百度地图设置显示公司地址? - wordpress教程-Npcink

css样式代码

#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";height: 350px;}

地图显示代码

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak"></script>
<div id="allmap"></div>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMapGL.Map("allmap");
    var point = new BMapGL.Point(坐标,坐标);
    map.centerAndZoom(point, 15);//显示层级,具体可以参考下方坐标拾取那里,层级越高地址越详细
    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "公司名" , // 信息窗口标题
    }
    var infoWindow = new BMapGL.InfoWindow("详细地址说明", opts);  // 创建信息窗口对象 
map.openInfoWindow(infoWindow, point); //开启信息窗口
//marker.addEventListener("click", function(){map.openInfoWindow(infoWindow, point);}); //点击位置开启信息窗口
</script>

关于坐标如何获取?

打开百度拾取坐标网站(http://api.map.baidu.com/lbsapi/getpoint/index.html),直接搜索地址,然后点击具体位置即可获取坐标!

怎么用百度地图设置显示公司地址? - wordpress教程-Npcink

例子

人已赞赏
WP教程

怎么添加网站浏览器图标favicon ? - wordpress教程

2020-7-28 16:06:00

WP教程

宝塔面板nginx提示证书错误:nginx: [emerg] BIO_new_file(“/etc/letsencrypt/live//fullchain.pem”) failed处理方法 - wordpress教程

2020-8-3 8:50:36

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索