Javascript 在Pretto中嵌入google地图路线_Javascript_Jquery_Maps_Prettyphoto

Javascript 在Pretto中嵌入google地图路线

javascript jquery maps

Javascript 在Pretto中嵌入google地图路线,javascript,jquery,maps,prettyphoto,Javascript,Jquery,Maps,Prettyphoto,我一直在寻找一种方法来显示从-到的路线，如果有人知道的话，这并不重要所以在我看来，你们只限于插入你们想显示的地方的纬度，Lng，但在我的例子中，我有一条从一个地方到另一个地方的路线，如何修改它 <html> <head> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <sc

我一直在寻找一种方法来显示从-到的路线，如果有人知道的话，这并不重要

所以在我看来，你们只限于插入你们想显示的地方的纬度，Lng，但在我的例子中，我有一条从一个地方到另一个地方的路线，如何修改它

<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>


load（“jquery”，“1.4.2”）；
函数初始化（）{
var latlng=新的google.maps.latlng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
肌肽）；
}

$（文档）.ready（函数（）{
$（[rel^='prettypto']）。prettypto({
自定义标记：“”，
changepicturecallback:function（）{initialize（）；}
});
});

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

基本上，只需将完整的谷歌地图URL添加到您的链接中，不要忘记添加（在URL的末尾）

&output=embed？iframe=true&width=640&height=480

工作得很好，不需要其他黑客，只需将代码放在正常位置即可

需要明确的是，此解决方案不需要指定lat/lng，您只需要将链接与您在google maps中看到的完整URL+额外代码（告诉PreetyTo将其显示为iframe）放在一起即可。

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

基本上，只需将完整的谷歌地图URL添加到您的链接中，不要忘记添加（在URL的末尾）

&output=embed？iframe=true&width=640&height=480

工作得很好，不需要其他黑客，只需将代码放在正常位置即可

需要明确的是，此解决方案不需要指定lat/lng，您只需要将链接与您在google maps中看到的完整URL+附加代码（告诉Preeto将其显示为iframe）放在一起即可。

hehe，是的，有点晚了，但无论如何还是要感谢您。我会记住这个解决方案。呵呵，是的，有点晚了，不过还是要谢谢你。我会记住这个解决办法。