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

基本的には、完全な Google マップの URL をリンクに追加するだけで、(URL の最後に) を忘れずに追加してください。&output=embed?iframe=true&width=640&height=480

いつものように preetyPhoto コードを配置するだけで、うまく機能し、他のハックは必要ありません。

明確にするために、このソリューションでは緯度/経度を指定する必要はありません。Google マップに表示される完全な URL と追加のコード (preetyPhoto に iframe として表示するように指示する) を含むリンクを配置するだけで済みます。 、 それでおしまい。

于 2012-10-29T00:35:34.497 に答える