WEB主题公园
WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园
WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!
地图调用-调用百度地图API组件-wordpress古藤堡区块
地图调用wordpress古藤堡区块-调用内嵌的百度地图坐标和图文说明
地图调用区块可以调用一个基于百度API组建的地图,可以用于联系我们,公司地址定位,或者房地产行业的产品定位、会展、课程活动等等内容的地理位置定位。
调用的地图可以设置单坐标和多坐标两种模式,多坐标模式可以创建无限数量的坐标点。
单坐标的样式:

多坐标模式的输出:

坐标需要自己上传一个小型的图标作为坐标的标点。
你可以设置地图的缩放大小、地图的中心点坐标、展开的图文说明等信息。
地图调用wordpress古藤堡区块的使用
插入到编辑器中,地图是以一个图片形式存在的,因为如果直接内嵌地图在编辑器中,对编辑器有破坏,因此在编辑时,编辑器不能直接进行预览:

插入之后,默认是有一个位置标点的,如果你需要多个标点,那么可以增加多个标点。

地图标点的坐标是精确的经纬度,这里我们使用百度提供的经纬度查询:http://api.map.baidu.com/lbsapi/getpoint/index.html
查询到经纬度之后,输入坐标经度、纬度之后就可以生成我们的地图。
此外你还可以设置地图的风格、鼠标放大缩小、可拖动等等细节的设置:

这里值得注意的是,中心点坐标是多坐标点时需要设置的,你可以设置多个坐标点最中心的位置,以防止有些坐标点位置会超出整个地图而看不见。
同时,地图的区域也需要设置,数值越小,显示范围越大,数值越大,显示的范围越小越详细(最大数值可以显示详细的街道)
最后,这个区块每一个页面只允许放入一个,不允许同一个页面出现多个地图,请在使用时注意
如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。
本文地址:https://www.themepark.com.cn/dtdy-dybddtapizj-wordpress.html
推荐阅读
- 2015年7月13日
- 2021年4月20日
- 2016年10月13日
- 2021年10月13日
- 2013年12月6日
- 2015年10月9日
- 2016年6月18日
- 2013年9月25日
- 2016年11月8日
- 2020年2月1日




