中国七星彩
当前位置:首页 > 网页设计

Google地图网页代码要怎么获取?

网责任编辑:启凡软件   阅读量: 发表时间:04-27

不知道你们有没有遇到过这个问题,不过小编确实遇到过,那么究竟要怎样才能获取到谷歌地图网页代码呢?下面就和小编一起来看下面的介绍吧,希望小编找到的这些东西能够对您有所帮助。
 
首先你需要注册使用 Google 地图先登陆:
http://code.google.com/intl/zh-CN/apis/maps/signup.html
然后到谷歌地图进行位置确定,获取谷歌地图代码,最后需要把申请之后获得的代码加入网页中,这样就可以在网站上看到一个简单的谷歌地图,并?#20197;?#19978;面可以清晰的看到自己公司的位置坐标,以及一些简单的联系信息?#21462;?#19979;面是一个简单的例子
<!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=gb2312"/>
<title>Google Maps JavaScript API Example</title>
    <script src="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.getElementByIdx_x("webmap"));
        map.setCenter(new GLatLng(88, 99), 11);
      }
    }
 
    </script>
  </head>
  <body onunload="GUnload()">
    <div id="webmap" style="width: 500px; height: 500px"></div>
  </body>
</html>
例子中
1. 使用 script 标签包含 Google 地图 API JavaScript。
2. 创建名为"webmap"的 div 元素来包含地图。
3. 编写 JavaScript 函数创建"map"对象。
4. 将地图的?#34892;?#35774;置为指定的地理点。
5. 从 body 标签的 onLoad 事件初始化地图对象。
6. map.setCenter(new GLatLng(88, 99), 11); 里面的?#38382;?8,99为所在位置的经纬度,11为缩放大小,获得你所在位置的
坐标可通过地图找到你所在的位置,然后?#19968;?#36873;择菜单中的"这儿是什么"即可在搜索框中显示出坐标了
 
以上信息是由郑州启凡网络小编为您提供,希望能够对您有所帮助,同时也希望您能够继续支持我们!

© 2017 ALL RIGHTS RESERVED 豫ICP备11009532号-3 版权所有 郑州启凡计算机软件有限公司

中国七星彩 快速时时彩是官方彩吗 浙江快乐彩12选5走势图表 时时彩看走势分析技巧 时时缩水方法 山西快乐10分/前三遗漏 四川快乐12最大遗漏 篮球彩票规则 武汉快三开奖结果一定牛 彩票爱彩网 曾夫人一肖资料精选三肖