php 使用自定义字段中的坐标将Google地图添加到帖子中
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 使用自定义字段中的坐标将Google地图添加到帖子中相关的知识,希望对你有一定的参考价值。
<?php
/**
* Google maps shortcode
*
* Adds a google map to a post using coordinates from custom fields
*
* @return string HTML to show a Google map
*/
function bd_map_sc($atts) {
global $post;
$post_id = $post->ID;
$location = get_post_meta($post_id, 'your-custom-field-name', true);
$lat = $location['lat'];
$lng = $location['lng'];
$map = '<style>
#map {
height: 400px;
width: 100%;
}
</style>
<div id="map"></div>
<script>
function initMap() {
var map_coords = {lat: ' . $lat . ', lng: ' . $lng . '};
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 14,
center: map_coords
});
var marker = new google.maps.Marker({
position: map_coords,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=ADD-YOUR-GOOGLE-MAPS-API-KEY-HERE&callback=initMap">
</script>';
return $map;
}
add_shortcode('bd_map', 'bd_map_sc');
以上是关于php 使用自定义字段中的坐标将Google地图添加到帖子中的主要内容,如果未能解决你的问题,请参考以下文章
php 使用WordPress高级自定义字段实现Google地图的无JavaScript实现
我如何检索ACF谷歌地图数据并使用我自己的自定义字段来代替地图?
从自定义地图链接添加 Google 地图坐标/标记
将 Google“我的地图”图层添加到 Google Maps Javascript API
如何从 Wordpress 中的 Google Maps ACF 字段中删除纬度和经度?
如何将自定义字段传递到 mapbox-gl js 以在地图上创建点?