如何在我的网站上添加Google My Maps API?

时间:2010-05-28 05:55:07

标签: google-maps

我想在我的网站上添加Google Maps API,但我找不到任何好的参考资料。

4 个答案:

答案 0 :(得分:4)

首先,您需要在Google上注册并获取MAPS API密钥:

http://code.google.com/apis/maps/signup.html

然后你需要在你的页面/模板中嵌入一些javascript:

 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=__your_key_here__" type="text/javascript"></script>

绘制实际地图的另一点:

<script type="text/javascript">
    //<![CDATA[ 
    function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
        });
    return marker;
    }

    function load() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.16349933440274, 4.371164292063712 ), 6);
        var point = new GLatLng(51.16349933440274, 4.371164292063712);
        var marker = createMarker(point,'<div style="width:240px"> \
          Place:    <b>ANTWERPEN          </b><br> \
          </div>')
          map.addOverlay(marker);
    }
   }
   //]]>
  </script>

本教程很有用:

http://econym.org.uk/gmap

maps API文档非常好:

http://code.google.com/apis/maps/documentation/javascript/

请注意,地图api的第3版最近已经发布(它对移动浏览器有很多增强功能,所以你可能想要研究一下)。

这可能是移动到stackoverflow.com的候选人

答案 1 :(得分:1)

Google地图提供了一个非常好的API,因此您可以在您的网站上显示谷歌地图。大多数网站管理员使用谷歌地图来帮助客户找到他们的业务位置(通常在联系页面上)。其他人正在构建基于谷歌地图的完整应用程序。在任何网站上实施谷歌地图都非常容易。 Read Here

答案 2 :(得分:0)

现在API的v3不需要API密钥

我还没有找到任何可以让你进入&#34;我的地图&#34;您在https://www.google.com/maps/mm

获得的类型界面

答案 3 :(得分:0)

您只需生成代码即可在http://www.map-embed.com显示地图。我希望它有所帮助。