如何将Google地图添加到自定义字段

时间:2015-10-14 作者:youta

我需要显示一个映射抛出自定义字段这是我的代码,字段名为“show\\u map”

<div id="view1">
                <?php
                $location = get_field(\'show_map\', \'options\');
                if( ! empty($location) ):
                ?>
                <div id="map" style="width: 100%; height: 350px;"></div>
                <script src=\'http://maps.googleapis.com/maps/api/js?sensor=false\' type=\'text/javascript\'></script>

                <script type="text/javascript">
                  //<![CDATA[
                    function load() {
                    var lat = <?php echo $location[\'lat\']; ?>;
                    var lng = <?php echo $location[\'lng\']; ?>;
                // coordinates to latLng
                    var latlng = new google.maps.LatLng(lat, lng);
                // map Options
                    var myOptions = {
                    zoom: 9,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                   };
                //draw a map
                    var map = new google.maps.Map(document.getElementById("map"), myOptions);
                    var marker = new google.maps.Marker({
                    position: map.getCenter(),
                    map: map
                   });
                }
                // call the function
                   load();
                //]]>
                </script>
                <?php endif; ?> 

问题是它没有显示在我的页面中

1 个回复
SO网友:Spongsta

根据ACF文档,您似乎缺少一些代码-请参见“必需的CSS&JS”下的示例-http://www.advancedcustomfields.com/resources/google-map/

遗憾的是,ACF文档的这一页可能已经过时了。根据google maps API文档,您需要为其所有API(嵌入、JS等)创建一个API密钥

欲了解更多信息,请访问-https://developers.google.com/maps/

相关推荐

如何让`wp-list-table`显示我在Custom-Post中的`Custom-Fields`

一切都好吗<我需要wp-list-table 也要显示custom-fields 在每个custom-post 我有,但我不知道如何做到这一点,在这幅图中,它显示了带有字段的表格:Title, Author and Publication Date: 我想要的是能够选择custom-fields 将出现,例如以下示例Title, Carta, Naipe, Author, and Date of Publication: