google map的简单应用-显示华南理工大学

写一个简单的Google Map 的应用程序,一个显示我们学校(South China University of Technology)地图的网页

通过Google搜索获取我们学校的经度纬度

使用Google Maps JavaScript API V3

按照以下教程的步骤： Google Map Javascript API V3 Tutorial

在google地图上点击某地方可显示经纬度

参考网址：https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-cn

<!DOCTYPE html>
<html><head><title>Simple Map</title><meta name="viewport" content="initial-scale=1.0"><meta charset="utf-8"><style>html, body {height: 100%;margin: 0;padding: 0;}#map {height: 100%;}</style></head><body><div id="map"></div><script>var map;
function initMap() {map = new google.maps.Map(document.getElementById('map'), {center: {lat: 23.048180, lng: 113.404039}, //经纬度zoom: 17});
}</script><script src="https://maps.googleapis.com/maps/api/js?key=【你的api key,需登录谷歌账号获取】=initMap"async defer></script></body>
</html>

显示效果：

google map的简单应用-显示华南理工大学相关推荐

google map的简单二次开发
Google Maps API是Google自己推出编程API,可以让全世界对Google Map有兴趣的程序设计师自行开发基于Google Maps的服务,建立自己的地图网站. 简单的讲就是g ...
开发基于 Google Map 的 Android 应用
开发基于 Google Map 的 Android 应用张谦, 软件工程师, IBM 吴校军, 高级软件工程师, IBM 苏琳, 软件工程师, IBM 简介: 随着移动互联网应用的迅速发展,利 ...
Android使用Google Map服务 - 根据GPS信息在地图上定位
Android使用Google Map服务 - 根据GPS信息在地图上定位自暑假7月7日开始,到今天的8月7日,整个一个月,我总算是学到了Google Map这部分的内容.原本挺兴奋的,却被注册ap ...
google map
Google 地图 API 概念 http://code.google.com/intl/zh-CN/apis/maps/documentation/index.html#Localization G ...
Google Map API 使用总结
Google Map API (一):显示一个最基本的地图 1 实现一个地图: <head>中引用: <script type="text/javascript" ...
Google Map开发之实战
视频课:[免费]跨平台APP JQuery Mobile开发-1-初探移动开发-张晨光的在线视频教程-CSDN程序员研修院学习内容 Google Map服务简介获取Google Map API K ...
在google map上显示Instagram的照片
之前Instagram有一个在地图上显示照片的功能,可惜后来这个功能去掉了.INS的官方说法是因为这个功能的使用率很低,因此最后舍弃了这个功能.其实我觉得这个功能还蛮好的,看到自己的照片遍布全世界很有 ...
利用Google Map显示指定位置地理位置
首先,到google申请Google Maps API,申请后会给你一个key还有一段代码 http://code.google.com/apis/maps/index.html 要注意的是一个 AP ...
Android Google Map 开发指南（一）解决官方demo显示空白只展示google logo问题
这两天一直在做google map接入前的准备工作特此在这里将自己在加载官方demo时出现的问题以及详细的接入步骤进行记录,已免后者踩坑注:项目实际运行时不要使用虚拟机因为电脑ip和虚拟机ip不 ...

google map的简单应用-显示华南理工大学

google map的简单应用-显示华南理工大学相关推荐

最新文章

热门文章