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

Google Map Api 简单使用笔记

2010-03-05 17:44 781 查看

今天接到任务后，配置的googlemap实例，简单实现了，map的功能

<!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>
<link href="<?=PHPCMS_PATH?>admin/skin/style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Google Maps JavaScript API Example</title>
<script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
type="text/javascript"></script>

<?php
if($gmapy!='' && $gmapx!=''){
?>
<script type="text/javascript" charset="utf-8" >

function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(<?=$gmapy?>,<?=$gmapx?>), <?=$gmapz?>);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());

function createMarker(latlng) {
var marker = new GMarker(latlng);
GEvent.addListener(marker,"click", function() {
var myHtml = "<b>" + "<?=$companyname?>" + "</b>" ;
map.openInfoWindowHtml(latlng, myHtml);
});
return marker;
}

map.addOverlay(createMarker(new GLatLng(<?=$gmapy?>,<?=$gmapx?>)));

}
}

</script>
</head>
<body onunload="GUnload()">
<table width="100%" border="0" cellpadding="5" cellspacing="2" class="tableborder">
<th >我的标注点</th>
<tr>
<td class="tablerow">
<a href="">重新标注</a>
</td>
</tr>
<tr>
<td class="tablerow">
<div id="map_canvas" style="width: 700px; height: 500px"></div>
</td>
</tr>
</table>
<? }else{?>
<script type="text/javascript" charset="utf-8" >

function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(41.60503814103898,114.43652272224426), 3);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());

GEvent.addListener(map, 'click', function(overlay, point) {

//alert("clicked!");
if (point) {
myform.x.value= point.lng();
myform.y.value= point.lat();
myform.z.value= map.getZoom();
}

map.clearOverlays(); // del all marker
var marker = new GMarker(new GLatLng(point.lat(),point.lng() ), {draggable: true});
map.addOverlay(marker); // add a marker
});

}
}

</script>
</head>
<body onunload="GUnload()">
<table width="100%" border="0" cellpadding="5" cellspacing="2" class="tableborder">
<th colspan="2" >位置标注</th>
<form action="maps.php?action=add" method="post" name="myform" onSubmit='return CheckForm();'>
<tr>
<td class="tablerow" colspan="2">
<div id="map_canvas" style="width: 700px; height: 500px"></div>
</td>
</tr>
<tr>
<td width="19%" class="tablerow">经度：</td>
<td><input name="x" type="text" id="x"/></td>
</tr>
<tr>
<td width="19%" class="tablerow">纬度：</td>
<td><input name="y" type="text" id="y"/></td>
</tr>
<tr>

<td colspan="2"><input name="z" type="hidden" id="z"/><input name="action" value="add" type="hidden" id="action"/> <input type="submit" name="submit" value="标注" /></td>
</tr>
</form>
</table>
<? }?>
</body>
</html>

后台处理代码php的：
<?php
if($action=='add')
{
if($submit){
$db->query("UPDATE map SET gmapx='$x',gmapy='$y',gmapz='$z' WHERE username='$_username'");
}
include managetpl('maps');
}
else
{
@extract($db->get_one("SELECT companyname,gmapx,gmapy,gmapz FROM map WHERE username='$_username'"));

include managetpl('maps');
}
?>本文出自 “就是这里” 博客，请务必保留此出处http://94here.blog.51cto.com/696155/281084

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

标签：

相关文章推荐

新的分享

章节导航