为了账号安全,请及时绑定邮箱和手机立即绑定

最简单的google地图代码

标签:
Html/CSS

注册使用 Google 地图先登陆
http://code.google.com/intl/zh-CN/apis/maps/signup.html、
申请之后获得的代码加入网页中,下面是一个简单的例子

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">
 
    function wb() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("webmap"));
        map.setCenter(new GLatLng(88, 99), 11);
      }
    }
 
    </script>
  </head>
  <body  onunload="GUnload()">
    <div id="webmap" ></div>
  </body>
</html>
例子中
A 使用 script 标签包含 Google 地图 API JavaScript。
B 创建名为“webmap”的 div 元素来包含地图。
C 编写 JavaScript 函数创建“map”对象。
D 将地图的中心设置为指定的地理点。
E 从 body 标签的 onLoad 事件初始化地图对象。

map.setCenter(new GLatLng(88, 99), 11); 里面的参数88,99为所在位置的经纬度,11为缩放大小,获得你所在位置的

坐标可通过地图找到你所在的位置,然后右击选择菜单中的“这儿是什么”即可在搜索框中显示出坐标了

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
39
获赞与收藏
245

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消