1.选择javascript v3版的api
2.针对大陆地区google map默认的会被墙掉,
1 | https://maps.google.com/maps/api/js |
可以用
1 | http://ditu.google.cn/maps/api/js?sensor=false&language=cn |
3.一个异步加载地图得例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>基本地图显示</title>
<script type="text/javascript">
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(25.091075 , 121.55983449999997)
};
map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://ditu.google.com/maps/api/js?v=3.exp&key=AIzaSyB062x7b2UUvRIMLRIHJ8rFaZXGSkca89c&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div id="map-canvas" style="width:500px; height:500px;"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>基本地图显示</title>
<script type="text/javascript">
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(25.091075 , 121.55983449999997)
};
map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://ditu.google.com/maps/api/js?v=3.exp&key=AIzaSyB062x7b2UUvRIMLRIHJ8rFaZXGSkca89c&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div id="map-canvas" style="width:500px; height:500px;"></div>
</body>
</html>
4.google V3的文档:
https://developers.google.com/maps/documentation/javascript/basics
5.google map for business的使用指南:
https://developers.google.com/maps/documentation/business/guide?hl=zh-cn