google地图集成到网站上根据关键字搜索确定位置

最新推荐文章于 2022-12-12 11:32:51 发布

iteye_13546

最新推荐文章于 2022-12-12 11:32:51 发布

阅读量378

点赞数

文章标签： Google JavaScript XHTML HTML ViewUI

本文提供了一个使用Google Maps JavaScript API创建基本地图应用的例子。通过加载API并设置地图中心点坐标，实现了地图显示，并通过地址解析服务将实际地址转换为经纬度坐标，在地图上标记位置。

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAFyNkisYpeRApb9npqu1QbxScVgSXaHJtFRozQ183btHSsuF5pRTUynHMVcZVwduTbRoM78UAqfZs2g" type="text/javascript"></script>

</head>
<body onload="window.setTimeout('initialize()',1200)" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<script type="text/javascript">
var map = null;
var geocoder = null;

function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(39.9493, 116.3975), 13);

// map.setCenter(new GLatLng(39.9410345535317, 116.31178379058838),14);
geocoder = new GClientGeocoder();
alert(geocoder);
showAddress("北京市海淀区紫竹院路62号院赛迪大厦1号楼10层2101室");
}
}