我的谷歌地图在我的页面上的哪里?

时间:2020-09-08 作者:almecin

最近,一位客户联系我对他们的网站进行了一些修改。现在想想,我不是这个网站的创建者。这应该很容易;在各处添加几行,更改联系信息,更新谷歌地图上显示的地址,瞧!

但不幸的是,最后一部分进展得不太顺利。当你访问他们的网站时,在联系人页面中,你会看到这张谷歌地图,上面有一个pin,上面附有地址。我想;它可能通过插件或手动插入到页面上;。事实证明两者都不是!我在这个网站的配置上找不到谷歌地图的任何痕迹。页面上也一样,没有任何迹象表明插入了谷歌地图,我真的需要更改这个地址,但坦率地说,我不知道如何更改。

(这可能是一个有点愚蠢的问题,我现在还是个学生,很久没有做过Wordpress了。)

由于客户的隐私,我真的不知道我可以分享什么来让回答这个问题更容易。不过,我可以确定的一件事是,让您知道哪些插件已经安装(可能在其中一个插件中,我错过了它?):

Akismet Anti-Spam多功能搜索引擎优化包备份联系人表单7自定义登录页面自定义程序事件浓缩咖啡-网格视图模板Flamingo Fancy Gallery iframe iThemes Security滑块旋转

  • TinyMCE高级
  • WP邮件SMTP
  • 很抱歉,如果这很模糊,请随时提出问题!感谢您抽出时间。

    Edit : 我不知道这是否真的值得一提,但当我加载页面时,Google会给我一个错误,说;此页面无法正确加载Google地图"E;

    Edit : 好的,正如@Rup所建议的,我在查看页面的源代码时发现了一些信息。结果我发现了这一点(一些值被更改以保持位置和网站的隐私):

    <input type="hidden" id="skt-gmap-content" value="The address" />
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
        <script type="text/javascript">
        var marker;
        var map;
        var ele;
        jQuery(document).ready(function() {
            ele = "";
            var contstring = jQuery(\'#skt-gmap-content\').val(); 
            var lines = contstring.split(/\\n/g);      
            for(var i=0; i < lines.length; i++) {      
                 ele += lines[i];                  
            }
        });
    
        function sktinitializemap() 
        {
            var contentStringEle = ele;
            var contentString = contentStringEle; 
            var image = \'blue-marker.png\';
            var infowindow = new google.maps.InfoWindow({content: contentString,maxWidth: 300}); // info-window text
            var myLatLng = new google.maps.LatLng(\'this\',\'that\'); // address in the form of latitude/lognitude
    
            var mapOptions = {
                zoom: 17,
                scrollwheel: false,
                center:  myLatLng,
                mapTypeControl: true,
                panControl: true,
                mapTypeControlOptions: {
                  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                },
                zoomControl: true,
                zoomControlOptions: {
                  style: google.maps.ZoomControlStyle.LARGE
                },
                mapTypeId: google.maps.MapTypeId.ROADMAP        }
    
            map = new google.maps.Map(document.getElementById(\'map\'),mapOptions);
            // add google map marker
            marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon: image,
                title:"The address",
                animation: google.maps.Animation.BOUNCE     });
    
            // open info-window at marker click event
            google.maps.event.addListener(marker, \'click\', function() {
                infowindow.open(map,marker);
            });
    
            // check info-window status
                        infowindow.open(map,marker);
                skt_moveMap(skt_moveMap, 10);
                }
    
        function skt_moveMap() {
            map.panBy(0, -100);
        }
    
        // initialize the map at window load event
        google.maps.event.addDomListener(window, \'load\', sktinitializemap);
        </script>  
    
    现在我不知道这段代码是手动实现的还是插件实现的,因为我真的找不到比这更多的信息。从变量的名称和注释来看,我认为这是手工完成的,但我不知道文件位于何处。我要试着在文件里翻找。

    1 个回复
    最合适的回答,由SO网友:Jacob Peattie 整理而成

    地图将输出到页面模板中。在Github中搜索术语skt_moveMap() (这似乎是一个独特的函数名)透露,您问题中的谷歌地图代码是;带有侧边栏的联系人页面模板;(template-contact-with-sidebar.php) 或“或”;联系人页面模板;(template-contact-page.php) 主题中包含的模板SketchThemes.

    看着这个模板,我可以看到地图的位置是由主题的设置决定的,我只需访问主题作者的网站,查看他们的文档,然后选择我找到的主题之一,就可以找到这些设置的位置。That documentation 清楚显示这些设置的位置。

    首先应该查看插件或主题的支持资源。