1

我一直在寻找一种方法来显示从 - 到漂亮照片的路线，或者如果有人知道的话，没关系。

所以在prettyPhoto中，你只能插入你想显示的地方的纬度、纬度，但在我的情况下，我有一条从一个地方到另一个地方的路线，如何修改它？

<html>
        <head>
            <script src="http://www.google.com/jsapi" type="text/javascript"></script> 
            <script type="text/javascript" charset="utf-8"> 
                google.load("jquery", "1.4.2");
            </script>
            <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
            <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

            <!-- Google Maps Code -->
            <script type="text/javascript"
                src="http://maps.google.com/maps/api/js?sensor=true">
            </script>
            <script type="text/javascript">
              function initialize() {
                var latlng = new google.maps.LatLng(-34.397, 150.644);
                var myOptions = {
                  zoom: 8,
                  center: latlng,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"),
                    myOptions);
              }

            </script>
            <!-- END Google Maps Code -->
        </head>
        <body>
            <p><a href="#?custom=true&width=260&height=270" rel="prettyPhoto">Open a Google Map</a></p>

            <script type="text/javascript" charset="utf-8">
            $(document).ready(function(){           
                $("a[rel^='prettyPhoto']").prettyPhoto({
                    custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
                    changepicturecallback: function(){ initialize(); }
                });
            });
            </script>
        </body>
    </html>
4

1 回答 1

1

回复有点晚，但我有类似的要求，并找到了这个解决方案：

http://mysitemyway.com/support/topic/possible-to-use-built-in-prettyphoto-to-call-up-google-maps

基本上，只需将完整的谷歌地图 URL 添加到您的链接，不要忘记添加（在 URL 的末尾）&output=embed?iframe=true&width=640&height=480

效果很好，不需要其他黑客，只需像往常一样放置 preetyPhoto 代码。

为了清楚起见，此解决方案不需要指定 lat/lng，您只需将链接放置在您在谷歌地图中看到的完整 URL + 额外代码（告诉 preetyPhoto 将其显示为 iframe） ， 就是这样。

于 2012-10-29T00:35:34.497 回答