今天接到任務後，配置的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>
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>
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>
</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());
<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()">
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>
<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>
</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){
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');
}
?>
}
include managetpl('maps');
}
else
{
@extract($db->get_one("SELECT companyname,gmapx,gmapy,gmapz FROM map WHERE username='$_username'"));
include managetpl('maps');
}
?>