前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >百度地图展示公司地址示例

百度地图展示公司地址示例

作者头像
发布2023-10-18 10:34:45
1820
发布2023-10-18 10:34:45
举报
文章被收录于专栏:IT杂症IT杂症
百度地图
百度地图

百度地图

代码语言:javascript
复制
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=你的百度地图key"></script>
<div id="allmap" style="height:450px"></div>
<script type="text/javascript">
var map = new BMapGL.Map("allmap"); 
var point = new BMapGL.Point(114,38);
//替换成你的地图经纬度
map.centerAndZoom(point, 19); var marker = new BMapGL.Marker(point);
var opts = {
width: 350,        
height: 100,
title: "xxx技术有限公司",             
message: "xxx技术有限公司"
}
var infoWindow = new BMapGL.InfoWindow("北京市朝阳区xx8层A-xxx", opts);
map.openInfoWindow(infoWindow, point);
marker.addEventListener("click", function () {
map.openInfoWindow(infoWindow, point); 
});
</script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-09-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档