google maps api v3版页面镶嵌

来源：互联网发布：济南网络电视台直播编辑：程序博客网时间：2024/05/21 10:33

项目中需要用到。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>
<script type="text/javascript">
function init() {
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 14, //放大比例
center: new google.maps.LatLng(30.666666,104.111111), //经纬度
mapTypeId: google.maps.MapTypeId.ROADMAP, //地图类型ROADMAP、SATELLITE、HYBRID
panControl: false, //方向盘
scaleControl: false, //比例尺
mapTypeControl: false, //可以选的地图类型，下面是配置
//mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
streetViewControl:false,//街头小人
zoomControl: true, //放大按钮，下面是配置
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL//LARGE
//position: google.maps.ControlPosition.LEFT_CENTER
}
});
var marker = new google.maps.Marker({ map: map,title:'四川XX公司', position: map.getCenter() });//显示标记
//var infowindow = new google.maps.InfoWindow();//实例化InfoWindow()
//infowindow.setContent('<b>sssss</b>');//显示的信息
//google.maps.event.addListener(marker, 'click', function () {
//infowindow.open(map, marker);
//});//添加Listener
//google.maps.event.addDomListener(document.getElementById('map'), 'click', function () { alert("dd") });
}
</script>
</head>
<body onload="init()">
<div id="map" style="width:240px;height:240px"></div>
</body>

</html>

第二种 iframe 直接嵌套

有朋友说经纬度不好找,这个很简单,你用firefox打开https://maps.google.com 找到你的的找的地标,然后放大缩小确保那个地标在地图的正中,然后F12调出firebug,在console控制台输入以下的代码,会弹出经纬度坐标来,注意下,这个精确度太高,实际上面我们取了小数点后6位就非常快了.再高的话地图加载会变慢.

javascript:void(prompt('',gApplication.getMap().getCenter()));