google map开发学习笔记（一）

最新推荐文章于 2024-07-22 15:13:59 发布
最新推荐文章于 2024-07-22 15:13:59 发布
阅读量1.1k 收藏
点赞数
分类专栏： google map 文章标签： google api javascript xhtml div 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuyong0818/article/details/5319351
版权

Google地图相信大家都用过，Google提供很多的API允许你把Google地图的功能嵌入到你自己的网站上去，我们做Google map的二次开发简单来说就是使用Google map的API在自己网站上来实现类似Google地图这样的功能。

第一步：要做Google map开发首先得申请Google 地图 API 密钥 。

什么是Google地图API密钥呢？看Google的官方解释：Google 地图 API 使您能够将 Google Maps 嵌入自己的网页中。一个地图 API 密钥只对一个“目录”或域有效。我的理解就是一个类似于认证注册之类的东西，申请以后才可以使用，如果出问题我可以通过这个找到你或者通知这样子。

第二步：申请完以后就可以做开发了，废话少说，上代码：

 

 

代码简解：

 

var map = new GMap2(document.getElementById("map_canvas"));

GMap2这是一个JavaScript对象，这是我们开发的核心对象，暂且叫它为地图对象，我们传入一个页面的Div节点作为现实地图的容器，这个Div定义了大小，所以Div的大小即是地图的大小。

 

map.setCenter(new GLatLng(39.9493, 116.3975), 13);

完了之后调用对象的setCenter方法，有两个参数，第一个是表示地理坐标的对象，另一个是缩放级别，它大概在0到19之间，根据地区不同范围也不同，总之北美那边级别多一些，到我们国家就级别少一些。

 

详细请参考：http://code.google.com/intl/zh-CN/apis/maps/documentation/introduction.html

陌上风情
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
谷歌地图的部分功能使用笔记
RuiAking的博客
12-30 442
首先引入谷歌地图下面的引入是国内的地址<script src="http://maps.google.cn/maps/api/js?key=这里是你的key&sensor=FALSE&libraries=geometry,places"></script>初始化一个地图var map; var myCenter = {lat: 39.9, lng: 116.4}; // 经纬度 北京{lat:31.
CDHtmlView 加载 GoogleMap 无法正常描画 问题解决
qq_22779731的博客
11-24 775
在做一个NT应用，其中有部分功能是在显示googlemap，并在其上描画polyline。 首先，前提环境翻墙是必须的了。但依照googlemap官网把html做好，使用CDHtmlView::LoadFromResource时，怎么都无法正确显示折线，几乎每次都提示JavaScript错误，要么就是googlemap显示了，polyline不见踪迹，以为是网络原因，直接把这个html在浏览器中
google map开发学习笔记（四）
xo_zhang的专栏
05-02 729
前面我们仅仅做到了一个静态的地图，今天我们来看看如何给这个地图上面添加一些事件方法，使之能通过鼠标键盘等动作和用户交互起来。   我们通过使用 GEvent 命名空间中的实用工具函数注册事件监听器，来处理 Google 地图 API 中的事件。每个地图 API 对象都导出大量已命名的事件。例如，GMap2 对象导出 click 、dblclick 和 move 事件，以及其他许多事件。每个事
google map开发学习笔记（二）
xo_zhang的专栏
05-02 620
上一节我们实现了Google地图的最简单的功能，就是一个方块的地图，其他什么都没有，使用过Google地图的人都知道，在Google地图上面的左上角有一个控制地图上下左右移动和缩放的控制器，在地图的右上角有地图，卫星，地形可供选择的三种类型。这一节我们就来加入这两个功能，很简单，使用map的添加控制器方法就可以了。 addControl()方法，需要一个参数 参数值： GLargeMapCo
基于Go语言的学习笔记（附代码）
02-08
Go语言，又称为Golang，是由Google开发的一种静态类型的、编译式的、并发型且具有垃圾回收功能的编程语言。本学习笔记主要涵盖了Go语言的基础知识，包括类型、表达式、函数、数据结构、方法、接口、并发以及包管理等...
go学习笔记-文档-文档
07-21
本文档集合了关于Go语言的学习笔记，旨在帮助读者全面理解并掌握Go语言的核心概念、语法特性以及实际应用。 一、基础语法 Go语言的语法简洁明了，易于上手。它采用了C风格的语法，但增加了诸如类型推断（Type ...
Android Map开发基础知识学习笔记
04-07
本篇文章将带你深入理解Android Map开发的基础知识，包括如何注册API密钥、设置模拟器、处理权限和地图库的使用。 首先，要使用Google地图服务，你需要注册一个Android地图API密钥。这可以通过执行`keytool -list -...
Go 学习笔记 第四版
11-28
《Go学习笔记第四版》是一本深度探讨Go语言的书籍，专为想要深入理解Go语言特性和实战应用的读者设计。Go语言，又称Golang，是Google在2009年发布的一种静态类型、编译型、并发型且具有垃圾回收功能的编程语言。其...
google地图开发 例子 笔记
07-21
在谷歌地图开发中，Google Maps API（应用程序编程接口）是一个强大的工具，允许开发者将交互式地图集成到自己的网站或应用中。这篇笔记涵盖了从基础到高级的多个知识点，旨在帮助开发者充分利用这一平台。 1. **...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 320
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 913
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
VUE中的重点*
最新发布
qq_61132537的博客
07-22 684
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
JavaScript 常见数学用法
2302_77250325的博客
07-17 403
与其他全局对象不同，Math对象没有构造函数。方法和属性是静态的。返回角 x（以弧度计）的正弦（介于 -1 与 1 之间的值）。返回角 x（以弧度计）的余弦（介于 -1 与 1 之间的值）。可以在不首先创建Math对象的情况下使用所有方法和属性（常量）。
jquery-选择器常见用法
随笔
07-18 215
jquery-选择器，对象下有多个子元素时如何选择
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 947
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
style-components使用手册
m0_62323931的博客
07-17 1131
div><MyButton $primary $color="black">按钮</MyButton></div>
vue3 vxe-grid修改currentPage，查询数据的时候，从第一页开始查询
jwbabc的专栏
07-18 245
vxe-grid查询数据的时候，从第一页开始查询，并且清空选中，清空复选框状态等，查询数据查询。
Go语言学习笔记：从基础到并发与内存管理
"这是一份全面的Go语言学习笔记，涵盖了从基础到高级的各种主题，包括类型、表达式、函数、数据结构、方法、接口、并发、包管理以及内存管理和进阶特性。此外，笔记还提供了源码分析，涉及内存分配器、垃圾收集器、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值