前几天出去谈了一个网站修改的需求，需求中客户提到要再网站上加上一个地图，显示公司所在位置，问能不能做。当时想了一瞬，答道：能，不过需要研究一下，这个东西比较复杂。（谈需求嘛，不能说这个东西简单的很，那样谁还给钱）
其实这个玩意还真没看过，只是觉得人家GG牛B如斯，况且这个地图的api已经开放很久了，应该针对开发者比较人性化，于是回来一看，果然如此，使用起来虽然不能说十分简单，也可以称得上灰常简单。下面给一个入门的代码：
.. code:: html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Demo </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=abcdefg"></script>
<script type="text/javascript">
//不使用JQuery 则在 body 加 onload=initialize()
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(39.878378,116.673651), 13);
var customUI = map.getDefaultUI();
// Remove MapType.G_HYBRID_MAP
customUI.maptypes.hybrid = false;
map.setUI(customUI);
function createMarker(point, number) {
var marker = new GMarker(point);
marker.openInfoWindowHtml("胡阳在此");
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("胡阳在此");
});
return marker;
}
var point = new GLatLng(39.878378,116.673651);
map.addOverlay(createMarker(point, 1));
}
</script>
<body onload="initialize()">
<div id="map_canvas" style="width:300px; height:300px"></div>
</body>
</html>因为没有申请api密钥，所以会弹出提示。如果大家需要的话可以根据提示到相关网址上申请。 另外，大家不要追踪我的位置哦。:-) google地图API文档：http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/v2/reference.html#GMap2
- from the5fire.com
----EOF-----
微信公众号：Python程序员杂谈
微信公众号：Python程序员杂谈
