当中 23.1150614,113.4082905 为位置的经纬度。<!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="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description" content=" " />
<title>谷歌地图 api测试</title>
<style>
.map {width: 205px;
height: 192px;
text-align: center;
margin: 0 auto;}
</style>
</head>
<body>
<div id="res_map" class="map"></div>
<script src="http://ditu.google.cn/maps?file=api&v=2&&key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
function show_small_map()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("res_map"));
function createMarker(latlng)
{
var er = new GMarker(latlng);
return er;
}
map.setCenter(new GLatLng(23.1150614,113.4082905), 16);
var smc = new GSmallZoomControl3D;
map.addControl(smc);
var latlng = new GLatLng(23.1150614,113.4082905);
map.addOverlay(createMarker(latlng));
}
}
show_small_map();
</script>
</body>
</html>
这个key 要到谷歌上申请
key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A本地测试不用key
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description" content=" " />
<title>谷歌地图 api测试</title>
<style>
.map {width: 205px;
height: 192px;
text-align: center;
margin: 0 auto;}
</style>
</head>
<body>
<div id="res_map" class="map"></div>
<script src="http://ditu.google.cn/maps?file=api&v=2&&key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
function show_small_map()
{
if (GBrowserIsCompatible())
{
var map = new GMap2(document.getElementById("res_map"));
function createMarker(latlng)
{
var er = new GMarker(latlng);
return er;
}
map.setCenter(new GLatLng(23.1150614,113.4082905), 16);
var smc = new GSmallZoomControl3D;
map.addControl(smc);
var latlng = new GLatLng(23.1150614,113.4082905);
map.addOverlay(createMarker(latlng));
}
}
show_small_map();
</script>
</body>
</html>
这个key 要到谷歌上申请
key=ABQIAAAAHDyarwhqc8qoi6Hi4Fw2ABS7hG4ulivpH-Zy5ZAv91XflKVwfhRT3BrS_8CE9kMWp7UXsEngXSYF3A本地测试不用key
谢谢!假如在数据database里面有一张表table,这张表里有两列:lat与lng 请问如何将数据表里的经纬度显示到地图上?
<html>
<head>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCylR1MfA2qva4aFa6gDdDJqr5uH0ehBqU&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(29.397, 114.644),
zoom:9,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
var myLatlng=new google.maps.LatLng(29,114);
var image='../images/warning.gif';
var er=new google.maps.Marker({position:myLatlng,title:"Hello World!",icon:image});
er.setMap(map);
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width:100%; height:100%"></div>
<?php
header("Content-type:text/html;charset=GBK");
$con=mysql_connect("localhost","root","");
mysql_query("set names 'GBK'");
if(!$con)
{
die('could connect:'.mysql_error());
}
mysql_select_db("xn_qixianju",$con); $result=mysql_query("SELECT * FROM project"); while($row=mysql_fetch_array($result))
{
}
?>
</body>
</html>
这东西不是三言两语说的清的,代码什么的,最好自己研究,关键是要真正理解。
参考 https://developers.google.com/maps/documentation/javascript/layers
谢谢!知道怎么读数据库,但读出来的东西无法用到script里面去啊!
非常感谢!刚刚按您提供的网址打开看了一下KML,对于它的概念有点模糊。您确定可以将数据库里的经纬度信息写一个KML,然后用JS载入能行吗?如果可行的话,我再好好的研究一下!谢谢!
kml: http://kml.lover.googlepages.com/my-vacation-photos.kml源码自己研究去吧。