google maps api v3版页面镶嵌

最新推荐文章于 2022-05-09 18:23:23 发布

rainysia

最新推荐文章于 2022-05-09 18:23:23 发布

阅读量3.1k

点赞数 1

分类专栏： Php Web 文章标签： google api function iframe xhtml firebug

本文链接：https://blog.csdn.net/rainysia/article/details/7489814

版权

Php 同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

Web

10 篇文章 0 订阅

订阅专栏

项目中需要用到。

<!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 οnlοad="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()));

rainysia

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
google maps api v3版页面镶嵌

项目中需要用到。 function init() { var map = new google.maps.Map(document.getElementById("map"), { zoom: 14, //放大比例 cent
复制链接

扫一扫