前言:项目中用到Google地图的地方比较多,整理一下学到的东西,大都是基于javascript的Google API
想在页面中引用Google地图,只要在html页加载对应的js,创建map对象即可。
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
1.创建一个基本的Google Map地图
var map;
function initialize() {
var myOptions = {
zoom: 8,//缩放级别
center: new google.maps.LatLng(<span style="font-family: Arial, Helvetica, sans-serif;">25.0479353</span>,<span style="font-family: Arial, Helvetica, sans-serif;">121.47927034</span><span style="font-family: Arial, Helvetica, sans-serif;">), //中心点</span>
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
2.给地图上添加点(Marker)
var latLng = new google.maps.LatLng(25.0479353, 121.47927034);
add_to_bounds(latLng);
var marker = new google.maps.Marker({
position: latLng,
map: map,
title: "测试标题"
});