如何用JavaScript 实现在我的网页里,嵌入 Google API 地图。
例如: 地址="辽宁省沈阳市沈河区文萃路",点击这个地址链接后,立刻在我的网页里显示该地址 Google 地图页?
 
请大家帮帮忙。

解决方案 »

  1.   

        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT8YXSkg32FmSueYimfV_yj5DJguRRW5eQHwEBk10jwkDxLKNltT_kuQA" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
        var map;
        //添加GControl()控件
        function load() {
          if (GBrowserIsCompatible()) {  
            map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            
            //在此把GLatLng()对象赋值给变量geoPoint0,方便多次使用
            var geoPoint0= new GLatLng(坐标, 坐标);

            map.setCenter(geoPoint0, 14);
            
            //创建GMarker对象
            var er0 = new GMarker(geoPoint0);
            //在地图上为er0添加涂层,显示er0
            map.addOverlay(er0);
            
            er0.openInfoWindowHtml("<div style='color:green;'><strong>地址名</strong></div>");
          }
        }
    function letBig(map)
    {
    map.style.width =parseInt( obj.style.width) * 2 ;
    map.style.height =parseInt( obj.style.height) *2;
    } function letBig1(obj)
    {
    window.showModalDialog();
    }
        //]]>
        </script>  <!--加载时调用load()函数加载地图,注意加上onunload="GUnload()"防止内存泄露-->
      <body onload="load()" onunload="GUnload()">
        <!--以下id为map的DIV元素即为Google地图的容器-->
        <div id="map" style="width: 400px; height: 250px"></div>
      </body>兄弟够详细了吧
      

  2.   

    这个需要调用google map api接口的,网上有这方面的示例
      

  3.   

    楼主你首先要申请个API密钥,http://www.codechina.org/doc/google/gmapapi/
      

  4.   

    干嘛做那么麻烦呢?/
    直接去google搜索下地址就有了啊
    我帮你做好啊
    <a href="http://ditu.google.cn/maps?f=q&source=s_q&hl=zh-CN&geocode=&q=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%B2%88%E6%B2%B3%E5%8C%BA%E6%96%87%E8%90%83%E8%B7%AF&sll=31.230708,121.472916&sspn=1.37386,2.90863&ie=UTF8&hq=&hnear=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%B2%88%E6%B2%B3%E5%8C%BA%E6%96%87%E8%90%83%E8%B7%AF34%E5%8F%B7&ll=41.764206,123.459764&spn=0.018726,0.045447&z=15&brcurrent=3,0x5e2f8644795144af:0xd82eb0041fc03d6c,1,0x5e253c413a1334b7:0x5499e4f0ce929166%3B5,0,1">辽宁省沈阳市沈河区文萃路</a>
      

  5.   

    想直接做在页面上也可以 
    把代码粘贴上就可以了
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.cn/maps?f=q&amp;source=s_q&amp;hl=zh-CN&amp;geocode=&amp;q=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%B2%88%E6%B2%B3%E5%8C%BA%E6%96%87%E8%90%83%E8%B7%AF&amp;sll=31.230708,121.472916&amp;sspn=1.37386,2.90863&amp;ie=UTF8&amp;hq=&amp;hnear=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%96%87%E8%90%83%E8%B7%AF34%E5%8F%B7&amp;brcurrent=3,0x5e2f8644795144af:0xd82eb0041fc03d6c,1,0x5e253c413a1334b7:0x5499e4f0ce929166%3B5,0,1&amp;ll=41.764211,123.459746&amp;spn=0.022407,0.036478&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://ditu.google.cn/maps?f=q&amp;source=embed&amp;hl=zh-CN&amp;geocode=&amp;q=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%B2%88%E6%B2%B3%E5%8C%BA%E6%96%87%E8%90%83%E8%B7%AF&amp;sll=31.230708,121.472916&amp;sspn=1.37386,2.90863&amp;ie=UTF8&amp;hq=&amp;hnear=%E8%BE%BD%E5%AE%81%E7%9C%81%E6%B2%88%E9%98%B3%E5%B8%82%E6%96%87%E8%90%83%E8%B7%AF34%E5%8F%B7&amp;brcurrent=3,0x5e2f8644795144af:0xd82eb0041fc03d6c,1,0x5e253c413a1334b7:0x5499e4f0ce929166%3B5,0,1&amp;ll=41.764211,123.459746&amp;spn=0.022407,0.036478&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">查看大图</a></small>