Google 地图的“Hello, World”

最新推荐文章于 2024-07-23 13:44:55 发布
最新推荐文章于 2024-07-23 13:44:55 发布
阅读量1k 收藏
点赞数
分类专栏： Google地图 文章标签： google gmail function div 浏览器 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/swort_177/article/details/5029897
版权

 Google 地图的HELLO WORLD

 


<html>
  <head>
 
 
    <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=

abcdefg

&sensor=true"
            type="text/javascript"></script>
    <script type="text/javascript">
 
    function initi()

{
      if (GBrowserIsCompatible())

{
        var map = new GMap2(document.getElementById("googlemap"));
        map.setCenter(new GLatLng(30.65, 104.08), 14);
      }
    }
 
    </script>
  </head>
  <body οnlοad="initi()" οnunlοad="GUnload()">
    <div id="googlemap" style="width: 800px; height: 600px"></div>
  </body>
</html>

 

hello world 简单明了  首先导入类库，检测浏览器兼容否，使用类库中的最最主要的类Gmap2建立一个地图，然后设置了地图的中心店和缩放级别。
GLatLng 表示的是一个地理位置。在body的ONLOAD进行了加载地图。onunload进行了必要的卸载（防止内存泄露）。

1 导入类库的时候的KEY=abcdef.表示密钥，这个需要自己使用GMAIL进行注册下，其他的邮箱好像不行。在本地测试不是必要的。另外密钥注册的时候对应着一个域名。
   发布后只能在这个域名下使用。并且一天（24小时）最大的请求次数是15000次。
2 地理位置是一个经纬度。注意先表示纬度，在表示经度。（纬度，经度）
3 缩放级别是从0-19的，0显示的是整个地球。19表示最大的倍数。
4 防止地图的DIV的ID和SYYLE是必须的。

 

swort_177
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cesium 实现光围栏效果
jiegiser博客
12-15 2086
文章目录功能介绍效果截图 功能介绍 该例子主要通过自定义 shader 实现 od 线展示的效果；用于展示轨迹交通线、物流线等； 图层管理（√） dom 点扩散（√） 轨迹回放（√） 测量（√） 坐标拾取（√） 加载模型数据，拾取三维模型（√） geoserver 结合实现属性查询（√） geoserver 结合实现空间查询（√） 地下模式（√） 单体化 / 倾斜模型分户单体化（√） 缓冲区分析（√） 粒子特效 视频融合（√） Cesium 点聚合（√） 点线面编辑 多视角轨迹回放（√） 可视域分析（√
Google Maps API Hello World示例
一名可爱的技术搬运工
05-23 152
一个简单的hello world指南，可通过Google Maps Javascript API v3在网页上显示Google Maps。 在本教程中，我们向您展示如何显示以“马来西亚Malim Nawar”（我的家乡）为中心的地图，以及如何使用“标记（小图标）”来标识地图上的位置。 完整的例子…… <html> <head> <title>Goo...
Cesium特效-2021年汇总
wzwxwc1987的专栏
05-30 2440
2021年使用cesium开发的一些效果 2-垂直发光飞线 3-发光扩散圆 4-立体扩散圆柱 5-平面流动发光线 6-地理围栏的4种效果
Cesium绘制矩形并添加动态围墙效果
XFIRR的博客
10-02 734
我设置50的原因是发现大部分时候绘制的区域范围并不会太大或太小，但是这仅仅是一种折中的解决办法。面积如果很小，围墙就会很高。如果想绘制多个围墙但是不清除之前的可能就得自行研究一下了，最开始的时候也是可以实现的，只是我觉得GIS中似乎很难在一个上绘制那么多的区域，所以就把这个功能去掉了。)，那么只需要将几何体实例的最低生成高程设置为当前所选范围的的最低高程，最大高度设置为比最大高程高一些，就不会再出现遮盖的问题。代码中绘制的部分是参考了网上的其它代码的，我就不做过多赘述。
cesium 绘制栅栏
大家好，我是 ed.
06-06 1344
网上的资料要不收费，要不代码不全，很多跟绘制墙体有关的案例要不缺放法要不干嘛的，我自己根据网上的方法又加上自己百度改，最后实现了一个效果，和我想实现的效果差不多，分享一下子。...
高德地图 hello world
ooiuy450的专栏
03-24 868
就地图而言，国内的地图就两家独大，一家是百度地图，另一家是以阿里领投的高德地图。 优缺点对比 从信息含量上比较，百度城市地理信息更详细，资料较新。谷歌正好相反，偏远乡村地区资料更详细。高德等同于谷歌。 　　从功能上比较，百度与谷歌基本上差不多，谷歌多了一个骑行导航。 　　从覆盖范围比较，百度高德只能在国内使用，谷歌可以覆盖全球。 　　从离线资源角度比较，百度高德提供国内离线地图。谷
google-map.rar_谷歌地图
09-23
title: 'Hello World!' // 标记的提示信息 }); ``` 这里，`position`属性设置了标记的位置，`map`属性关联了地图，`title`则定义了鼠标悬停时显示的提示信息。 除了基本的标记，我们还可以自定义标记图标，添加...
google.zip_google 地图
09-14
title: 'Hello World!' }); ``` 以上就是Google地图API的基本使用方法。开发者可以根据需求，利用API提供的各种接口和事件处理，构建出高度定制化的地图应用。在实际开发中，还需要考虑API的使用限制和性能优化，...
Google_Map_API谷歌地图
03-30
基础知识 正向标注 反向标注 任意多边形 自定义GMarker 地图控件与地图属性 空间数据类型 ...Google 地图的“Hello, World” 加载 Google 地图 API 地图 DOM 元素 GMap2 - 基本对象 初始化地图 加载地图
google地图api文档
11-07
2. Google 地图的“Hello, World” 要使用 Google 地图 API，首先需要加载 Google 地图 API。加载 Google 地图 API 需要在 HTML 文件中添加一行 JavaScript 代码，用于加载 Google 地图 API。例如：...
谷歌地图jsapi
03-28
title: 'Hello World!' }); ``` 4. **地理编码**： 使用Geocoder服务将地址转换为坐标： ```javascript var geocoder = new google.maps.Geocoder(); geocoder.geocode({'address': '地址'}, function...
地理地图/游戏地图与openGL
ShareUs的专栏
06-29 4181
-- 问题： OpenGL绘制三维地形图,地理地图; 基于OpenGL的地图渲染引擎设计与实现; OpenGL制作游戏的小地图; openGL将二维卫星地图渲染成三维地形图 ; Opengl绘制地图,OpenGL实现地图编辑器，制作简易地图; OpenGL渲染地理路线 建筑物等。 路线 建筑物等的坐标或经纬度数据？ > 地图与Opengl 使用opengles绘制灰度地形图- ...
Google Maps 第 3 版的“Hello, World”
Web前端开发
06-25 536
初步了解 Google Maps API 的最简单方法就是看一个简单的示例。以下网页显示了以中国衡水为中心的一个地图： name="viewport" content="initial-scale=1.0, user-scalable=no" /> type="text/css">   html { height: 100% }   body { height: 100%; mar
Cesium圆形、规则多边形动态围墙
xt3d的博客
11-22 1956
Cesium圆形、规则多边形动态围墙实现效果 实现效果 详情参见 Cesium实战专栏
加载谷歌地图API的URL详细解读
swort_177的专栏
12-18 4121
原文地址 http://hi.baidu.com/clive%5Fstudio/blog/item/13e57932a5e6474aad4b5fa4.html  谷歌地图的API类库是通过script标签导入的，形式如下：      http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=abcdefg" type="text/jav
准备学习下GOOGLE地图
swort_177的专栏
12-17 1033
想学习下GOOGLE地图，一方面想把公司的厅点图利用GOOGLE地图标示出来，另一方面就当是充实自己吧。 先复习下经纬度的知识      经度和纬度都是一种角度。经度是个两面角，是两个经线平面的夹角。因所有经线都是一样长，为了度量经度选取一个起点面，经1884年国际会议协商，决定以通过英国伦敦近郊、泰晤士河南岸的格林尼治皇家天文台（旧址）的一台主要子午仪十字丝的那条经线为起始经线，
google map系列教程的地址
swort_177的专栏
12-18 774
看了篇教程，写的浅显易懂，有些专业知识还是需要了解下的，这个对于学习GOOGLE MAP还是很有帮助的，内容很多，就放个链接吧。 这是第2次做了，第一次写完没保存直接提交了，结果提示提交失败。MY GOD。血的教训啊！Google Map开发系列（一）——谷歌地图API密钥（API Key）的解读和使用技巧Google Map开发系列（二）——使用谷歌地图API之前应该有所了解的一些技
测试用例规范指导
最新发布
wyy_a的博客
07-23 343
此文档用于指导测试团队编写统一风格的测试用例，使得用例库中的用例具有一致的样式，使测试用例容易理解和使用，使用例得以组织和传承进而不断提升和改进，使团队开发、产品、测试成员更好的使用测试用例，发挥其最大的价值。应明确测试步骤对应的测试结果，测试结果尽量不要出现笼统的词语（如正常），应明确指出期望结果的评判方法。升级记录 > 取消升级 > 已审核通过，还未开始升级的升级单，支持取消升级。升级记录 > 取消升级 > 一个桩升级，正在升级中的升级单，支持取消升级。需要描述具体期望结果的取值步骤，或具体sql。
Android开发入门指南：从环境搭建到HelloWorld
四、Android程序：HelloWorld! 初学者通常从创建第一个简单的"Hello, World!"程序开始。文档会指导如何创建一个新的Android项目，编写问候语句，并运行它在Android模拟器或真实设备上。 五、命令行工具与Android...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值