google map的简单应用-显示华南理工大学
来源:互联网 发布:税务数据采集软件 编辑:程序博客网 时间:2024/04/29 21:01
写一个简单的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>
1 0
- google map的简单应用-显示华南理工大学
- Google Map的简单应用
- Google Map 简单应用
- Google Map API的简单应用
- Google Map Api 的简单应用
- Google map (1) 显示一个简单的地图
- Google Map ApI 的 一个简单的应用
- Google Map Api 的简单应用之方法属性
- Google Map Api 的简单应用之方法属性二
- 基于Google Map的简单android应用开发【图解】
- 基于Google Map的简单Android应用开发【图解】
- Google Map Api 的应用
- Jquery 的google map 应用
- Jquery 的google map 应用
- google map的简单二次开发
- 简单的Google Map程序
- google map的简单二次开发
- Google Map开发(一) ASP.NET中调用Google Map API实现简单的地图显示
- 增删改查
- poj-3624-Charm Bracelet【经典01背包】
- php中的作用域
- Java老鸟项目经验
- CSS颜色混合模式
- google map的简单应用-显示华南理工大学
- 有用的博客
- Day03 数组、类和对象
- mysql中的基本操作流程
- BZOJ 2724 [Violet 6]蒲公英
- 第一个Python demo
- POJ 1185 炮兵阵地 (状压DP || 最大团算法)
- Web前端面试指导(四十一):html5有哪些新特性、移除了那些元素?
- Redis入门之浅谈aof持久化机制