1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 网页通过iframe嵌入百度地图API时自适应屏幕

网页通过iframe嵌入百度地图API时自适应屏幕

时间:2023-12-24 15:56:40

相关推荐

网页通过iframe嵌入百度地图API时自适应屏幕

1、iframe标签按照常规响应式的样式写就可以了,比如:

<style type="text/css">iframe{width:100%;min-height:471px}@media screen and (max-width: 640px) {#iframe{min-height:271px}}@media screen and (min-width:750px) and (max-width:800px){#iframe{min-height:271px}}</style><iframe src="/baidumap.html" id="iframe"></iframe>

2、baidumap.html 百度地图容器这样写就可以了

<!--百度地图容器--><div id="dituContent"></div><style type="text/css">#dituContent{position: absolute;width:99%;height: 98%;}@media screen and (max-width: 640px) {#dituContent{width:98%;height: 97%;}}</style>

3、公司地址坐标获取

公司地址坐标可以通过百度“拾取坐标系统”获取:

http://api./lbsapi/getpoint/index.html

或者直接创建地图

http://api./lbsapi/creatmap/index.html

4、baidumap.html 示例下载

下载

注意,看你网站是https 还是 http ,里面调用不同百度api接口

标题、文字内容、经度纬度修改

详情:/help/baidumapapi-https.html

最终效果:

日期:.3.18 lzb

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。