如何在网页中插入实时地图并标注某个地点

公司官网网站中要插入一个页面 用来显示公司地址并可以根据用户操作实时更新地图显示

不得不说 百度真是个好东西 本来我还在想要怎么实现这个东西的呢 可能要费点功夫

结果发现有百度地图生成器 直接生成代码

网站地址:http://api.map.baidu.com/lbsapi/creatmap/

生成代码插入到html中后 出现了两个问题:

1、添加标注块的阴影不显示

这个问题我尝试了很久 都没有找出问题在哪 后来将地图容器换了个位置之后才正常显示(原本我是要包裹在div.content>ul>li内部的 但由于显示不正常 我将其放在了div.content中)

2、添加标注后 位置小logo不显示

这个问题我也找了很久 还以为是生成器的问题 然后就换了其它图标 结果还是不显示 后来百度了一下(我觉得我是傻了 真的是一定要有问题先百度 百度能解决绝大部分问题啊)找到了解决方案 替换一下图标地址就ok了

参考网址:https://www.cnblogs.com/php-qiuwei/p/7783121.html

 

猜你喜欢

转载自www.cnblogs.com/wannananana/p/10723346.html
今日推荐