google地图如何取添加标注(取经纬度,并显示该位置显图标)? 看了一下google的API,看了半天没找到?想请教一下做过的朋友?google地图如何取添加标注(取经纬度,并显示该位置显图标)? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 可以去看我们网站,呵呵 www.niaoke.com 一、google本身API就提供有(简陋)二、向google或mapabc购买(功能全,收费)三、自己hacker的形式(以前我实现过,不过后来据说接口改变了,所以就用不了了,要不然免费提供给你) 我看过论坛里一位兄弟发的51地图的后台添加的代码,做的很方便看了一下google的,经测试API也是可以取到经纬度的(在地图上点击取像素坐标或经纬度),只不过要做成用户直接使用的后台程序,还要自已开发一下好长不见了!谢谢老兄关注了! 看了一下 google 地图 ... 不清楚lz具体要干什么,如果是取坐标的话,可以参考这里的代码:<!DOCTYPE html PUBLIC "-//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> <title>Google Maps JavaScript API Example - simple</title> <script src="http://maps.google.com/maps?file=api&v=2&key=aaaaa" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="map" style="width: 300px; height: 300px"></div> <script type="text/javascript"> //<![CDATA[ if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(37.441944, -122.141944), 13); } GEvent.addListener(map, 'click', function(overlay, point) { if (point) { document.getElementById("show_x").innerHTML = point.x; document.getElementById("show_y").innerHTML = point.y; } }); //]]> </script> <P id="show_x"></P> <P id="show_y"></P> </body></html>这里还有官方的例子,可以参考一下:http://code.google.com/intl/zh-CN/apis/maps/documentation/examples/event-arguments.html GEvent.addListener(map,"click", function(overlay,latlng) { //var myHtml = "GPoint 为: " + map.fromLatLngToDivPixel(latlng) + ",<br>缩放级别为:" + map.getZoom(); var myHtml = "GPoint 为: " + latlng.lat() +","+latlng.lng()+",<br>缩放级别为:" + map.getZoom(); // fromContainerPixelToLatLng(pixel) map.openInfoWindow(latlng, myHtml); });我用了这个,也分享一下可能大同小异吧。js的事件真是奇怪,Point和latlng传进去就是对象了js的事件对象,至今我仍晕乎乎的 Google Map API中,表现坐标的类是GPoint,参考一下API文档http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GPoint $('#Label2').click(function() { GoogleMapAddEvent(myMap, "click", function(er, point) { if(er) { myMap.removeOverlay(er); } else { // myMap.clearOverlays(); var der = new GMarker(point, {draggable: true}); var dpoint; var x; var y; x = GoogleMapPointX(point); y = GoogleMapPointY(point); document.getElementById("TextBox2").value = x; document.getElementById("TextBox1").value = y;// if(document.getElementById("hidsyid").value=='')//为空表示初始传进来的监测点编码// { document.getElementById("hidw").value=x; document.getElementById("hidj").value=y;// } GEvent.addListener(der, "dragstart", function(){ }); GEvent.addListener(der, "dragend", function(){ dpoint=der.getPoint(); myMap.panTo(dpoint); x = dpoint.lat(); y = dpoint.lng(); document.getElementById("TextBox2").value = x; document.getElementById("TextBox1").value = y;// if(document.getElementById("hidsyid").value=='')// { document.getElementById("hidw").value=x; document.getElementById("hidj").value=y;// } }); myMap.addOverlay(der); document.getElementById("Label2").style.display='none'; document.getElementById("Label3").style.display='none'; // alert(x+" "+y); GoogleMapRemoveEvent(myMap,"click"); } }); });参考下哈。。还可以使标注拖曳抖动。 紧急求助:正则读取相应的两个字段并列出 满分请教高手这段代码哪里有问题啊,高分跪求了 变三个内裤了? 请问错在哪里 syntax error, unexpected '=' 错误问题 工作原因 .net(C#) 转入php 开头感觉好不顺 用phpeclipse调试php,是不是一定要装DBG php debugger,怎么装 javascript能读取sesssion变量的值吗? [讨论]一个目录遍历问题,请大家讨论一下。顺便散点分 请问高手,初学者应该怎样提高自己的编程水平呢? php导入csv 格式数据 急急急 给分啦 请问哪位高手有获取指定日期的前几天的日期方法,谢谢!
二、向google或mapabc购买(功能全,收费)
三、自己hacker的形式(以前我实现过,不过后来据说接口改变了,所以就用不了了,要不然免费提供给你)
我看过论坛里一位兄弟发的51地图的后台添加的代码,做的很方便看了一下google的,经测试API也是可以取到经纬度的(在地图上点击取像素坐标或经纬度),只不过要做成用户直接使用的后台程序,还要自已开发一下好长不见了!谢谢老兄关注了!
可以参考这里的代码:
<!DOCTYPE html PUBLIC "-//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>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=aaaaa"
type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="map" style="width: 300px; height: 300px"></div>
<script type="text/javascript">
//<![CDATA[ if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.441944, -122.141944), 13);
} GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
document.getElementById("show_x").innerHTML = point.x;
document.getElementById("show_y").innerHTML = point.y;
}
}); //]]>
</script> <P id="show_x"></P>
<P id="show_y"></P> </body></html>
这里还有官方的例子,可以参考一下:
http://code.google.com/intl/zh-CN/apis/maps/documentation/examples/event-arguments.html
GEvent.addListener(map,"click", function(overlay,latlng) {
//var myHtml = "GPoint 为: " + map.fromLatLngToDivPixel(latlng) + ",<br>缩放级别为:" + map.getZoom();
var myHtml = "GPoint 为: " + latlng.lat() +","+latlng.lng()+",<br>缩放级别为:" + map.getZoom();
// fromContainerPixelToLatLng(pixel)
map.openInfoWindow(latlng, myHtml);
});
我用了这个,也分享一下
可能大同小异吧。js的事件真是奇怪,Point和latlng传进去就是对象了
js的事件对象,至今我仍晕乎乎的
表现坐标的类是GPoint,
参考一下API文档http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GPoint
GoogleMapAddEvent(myMap, "click", function(er, point) {
if(er)
{
myMap.removeOverlay(er); }
else
{
// myMap.clearOverlays();
var der = new GMarker(point, {draggable: true});
var dpoint;
var x;
var y;
x = GoogleMapPointX(point);
y = GoogleMapPointY(point);
document.getElementById("TextBox2").value = x;
document.getElementById("TextBox1").value = y;
// if(document.getElementById("hidsyid").value=='')//为空表示初始传进来的监测点编码
// {
document.getElementById("hidw").value=x;
document.getElementById("hidj").value=y;
// }
GEvent.addListener(der, "dragstart", function(){
});
GEvent.addListener(der, "dragend", function(){
dpoint=der.getPoint();
myMap.panTo(dpoint);
x = dpoint.lat();
y = dpoint.lng();
document.getElementById("TextBox2").value = x;
document.getElementById("TextBox1").value = y;
// if(document.getElementById("hidsyid").value=='')
// {
document.getElementById("hidw").value=x;
document.getElementById("hidj").value=y;
// }
});
myMap.addOverlay(der);
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='none';
// alert(x+" "+y);
GoogleMapRemoveEvent(myMap,"click");
}
});
});
参考下哈。。还可以使标注拖曳抖动。