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 以在地图上创建点?