您的位置：首页 > 编程语言 > Go语言

调用google地图api

2013-11-05 09:04 148 查看

打开谷歌地图然后选择一个点，在地址栏里面输入javascript:void(prompt('',gApplication.getMap().getCenter()));就可以获得经度和纬度

然后放入var point = new GLatLng(31.29877187870356, 120.62662661075592);中

然后申请一个key替换掉文章中的key

代码案例

<html xmlns=" http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<title>Google 地图 JavaScript API 示例: 简单的地图</title>

<script src=" http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>

<script type="text/javascript">

function initialize() {

var map = new GMap2(document.getElementById("map_container"));

map.setCenter(new GLatLng(31.29877187870356, 120.62662661075592), 13);

map.openInfoWindow(map.getCenter(),

document.createTextNode("沧浪区"));

// Create our "tiny" marker icon

var icon = new GIcon();

icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";

icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";

icon.iconSize = new GSize(12, 20);

icon.shadowSize = new GSize(22, 20);

icon.iconAnchor = new GPoint(6, 20);

icon.infoWindowAnchor = new GPoint(5, 1);

// Add 10 markers to the map at random locations

var bounds = map.getBounds();

var southWest = bounds.getSouthWest();

var northEast = bounds.getNorthEast();

var lngSpan = northEast.lng() - southWest.lng();

var latSpan = northEast.lat() - southWest.lat();

// for (var i = 0; i < 10; i++) {

var point = new GLatLng(31.29877187870356, 120.62662661075592);

map.addOverlay(new GMarker(point, icon));

// }

function createMarker(point, number) {

var marker = new GMarker(point);

GEvent.addListener(marker, "click", function () {

marker.openInfoWindowHtml("Marker #<b>" + "沧浪区十全街苏大科技创业园7栋105室" + "</b>");

});

return marker;

}

//

// var bounds = map.getBounds();

// var southWest = bounds.getSouthWest();

// var northEast = bounds.getNorthEast();

//

// var lngSpan = northEast.lng() - southWest.lng();

// var latSpan = northEast.lat() - southWest.lat();

// var lngSpan =" 31.29877187870356";

// var latSpan = northEast.lat() - southWest.lat();

// for (var i = 0; i < 10; i++) {

// var point = new GLatLng(southWest.lat(),

// southWest.lng() );

// map.addOverlay(createMarker(point, i + 1));

// }

map.enableDragging(); //使地图可以拖动，默认是启用的

map.enableScrollWheelZoom(); //鼠标滑轮缩放地图

map.enableContinuousZoom(); //放大缩小时启用动画效果

map.doubleClickZoomEnabled() //鼠标双击放大地图

map.addControl(new GScaleControl()); //添加一个缩放级别控件

map.addControl(new GSmallMapControl());

map.addOverlay(marker); //把标点添加到地图覆盖物 // Add 10 markers in random locations on the map var bounds = map.getBounds();//得到地图四周的边界值 var southWest = bounds.getSouthWest();//西南的经纬度 var northEast = bounds.getNorthEast();//东北的经纬度 var
lngSpan = northEast.lng() - southWest.lng();//经度差 var latSpan = northEast.lat() - southWest.lat();//维度差 //实例化一个在本张地图中的一个经纬度 var point = new GLatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan
* Math.random()); var marker = new GMarker(point);//实例化一个标点 //给标点加click事件，当点击标点时弹出一个信息窗 GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("<b>hello</b>"); }); map.addOverlay(marker);//把标点添加到地图覆盖物

}

</script>

<script language="javascript">

function click() {

if (event.button == 1) {

alert('天呐，空白的地方不让点哦！')

}

}

document.onmousedown = click

//--->

</script>

</head>

<body onload="initialize()" onunload="GUnload()">

<div id="map_container" style="width: 550px; height: 550px"></div>

</body>

</html>

参考网址
http://www.codechina.org/doc/google/gmapapi/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航