精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

互聯網知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊,探尋網站營銷規律

查看其它板塊

網頁通過iframe嵌入百度地圖API時自適應屏幕

作者:狐靈科技 | 2021-03-23 08:30 |點擊:

摘要:網頁通過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.map.baidu.com/lbsapi/getpoint/index.html

或者直接創建地圖

http://api.map.baidu.com/lbsapi/creatmap/index.html

4、baidumap.html 示例下載

下載

注意,看你網站是https 還是 http ,里面調用不同百度api接口

 

 


如沒特殊注明,文章均為狐靈科技原創,轉載請注明?? "網頁通過iframe嵌入百度地圖API時自適應屏幕
多一份免費策劃方案,總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考,總有益處

聯系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:15082661954 / 大客戶專線:15523356218