国内使用Google Maps JavaScript API
2015-09-28 14:41
627 查看
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Simple markers</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } </style> </head> <body> <div id="map"></div> <script> function initMap() { var myLatLng = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: myLatLng }); var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Hello World!' }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=API_KEY&signed_in=true&callback=initMap"></script> </body> </html>
<script src="http://maps.google.cn/maps/api/js?v=3.20®ion=cn&language=zh-CN&key=your_key&callback=initMap"></script>
上面两部分红色字比较重要,一个是在域名,一个是访问google地图的key,这个需要FQ到google官网进行注册,然后复制过来就ok
Get Key Link:
https://developers.google.com/maps/documentation/javascript/?hl=zh-cn
相关文章推荐
- js 读取 地址栏参数 转
- jsp四大作用域
- JavaScript中的this学习笔记
- 属性特性的默认值辨析
- JavaScript中闭包的学习笔记
- JavaScript中作用域的学习笔记
- json 动态生成
- jsp中getParameter与getAttribute之间的区别
- 项目____SSH框架jsp-action映射、传参、重定向再理解
- Js验证非负数(0,正整数和正小数)
- JSON.stringify 语法实例讲解
- JSON对象和字符串之间的相互转换
- BZOJ 2257: [Jsoi2009]瓶子和燃料
- JavaScript通告/订阅的例子
- JavaScript内置对象
- js中null 和undefined的区别
- JS跳转页面的几种方式
- asp.net 后台 修改 javascript 变量
- js 常用方法记事本
- javascript内存泄漏总结