Google 地图 google map api / 地图有关_小组_ThinkSAAS
Google 地图 google map api / 地图有关
Google 地图 google map 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"xmlns:v="urn:schemas-microsoft-com:vml"&
&meta http-equiv="content-type"content="text/ charset=utf-8"/&
&title&Google 地图 JavaScript API 示例: 控件定位&/title&
&script src="/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=en"type="text/javascript"&&/script&
&script type="text/javascript"&
function initialize() { //地图初始化函数
var map = new GMap2(document.getElementById("map_canvas"));//创建地图
map.setCenter(new GLatLng(40..0059729), 13); //区域 深度
var point = new GLatLng(40.7142691, -74.0059729); //坐标
map.addOverlay(new GMarker(point)); //增加标点
map.openInfoWindow(map.getCenter(),document.createTextNode("Hello, world")); //增加提示框
var topRight = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10));//取得右上10*10的中心点
var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));//取得右下10*10的中心点
map.addControl(new GSmallMapControl(), topRight); //增加控件 左上角放大缩小工具
///var smallMapControl = new GOverviewMapControl(); //创建右下缩略图
map.addControl(smallMapControl, topRight); //增加控件
function vok2(){ //获取经纬度函数
var address=document.getElementById('t').
if (address=="") return"请输入要查询的地址";
var map = new GMap2(document.getElementById("map_canvas"));//创建地图
var geocoder = new GClientGeocoder();
geocoder.getLatLng(
function(point) {
if (!point) {
alert(address +"无地址！");
map.setCenter(point, 14);
var marker = new GMarker(point);
document.getElementById('v').innerHTML=
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
function calDis(){//调用函数
var lat1 = document.getElementById("X1").value * 1;
var lng1 = document.getElementById("Y1").value * 1;
var lat2 = document.getElementById("X2").value * 1;
var lng2 = document.getElementById("Y2").value * 1;
var dis = GetDistance(lat1, lng1, lat2, lng2);
document.getElementById("ss").innerHTML ="2点距离是:"+ dis+"km";
function rad(d)//函数中间调用
return d * Math.PI / 180.0;
function GetDistance( lat1, lng1, lat2, lng2)//获取公里数
if( ( Math.abs( lat1 ) & 90 ) ||( Math.abs( lat2 ) & 90 ) ){
if( ( Math.abs( lng1 ) & 180 ) ||( Math.abs( lng2 ) & 180 ) ){
var radLat1 = rad(lat1);
var radLat2 = rad(lat2);
var a = radLat1 - radLat2;
var b = rad(lng1) - rad(lng2);
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
s = s * ;// EARTH_RADIUS;
s = Math.round(s * 10000) / 10000;
&body onload="initialize()"onunload="GUnload()"&
&div id="map_canvas"style="width: 500 height: 300px"&&/div&
&input name="t"type="text"id="t"/&
&span onclick="vok2();"style="cursor:pointer"&[查询]&/span&
&span id="v"&&/span&
&br /&&br /&
A:&input type="text"id="X1"/&-&input type="text"id="Y1"/&&br /&
B:&input type="text"id="X2"/&-&input type="text"id="Y2"/&
&span onclick="calDis();"style="cursor:pointer"&[计算]&/span&
&span id="ss"&&/span&
第二种，单个标记
&!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"&
&meta http-equiv="Content-Type"content="text/ charset=UTF-8"/&
&title&Google Maps API&/title&
&!-- Your own Google API key must be used this one will only work
for this server and directory --&
&script src="/maps?file=api&v=2&key=ABQIAAAA69393o7mAW_7Z8yPE9mj1hT87Zy2LdSAMVK_IWP23IfaHiwArBSqoC1tfQ_nGVfHT7ZJ_ycmO7DjCQ"type="text/javascript"&&/script&
&script type="text/javascript"&
var address="14 Wall Street New York, NY 10010";
var zoom=15;
window.onload = function initialize1() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("googlemap"));
map.setCenter(new GLatLng(37.4419, -122.1419), zoom);
map.addControl(new GSmallMapControl());
geocoder = new GClientGeocoder();
if (geocoder) {
geocoder.getLatLng(
function(point) {
if (!point) {
alert(address +"not found");
map.setCenter(point, zoom);
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker,"mouseover", function() {
marker.openInfoWindowHtml("&div style='padding:0; margin:0 ; font-size:12 height:10 width:140'&"+ address +"&/div&");
GEvent.addListener(marker,"mouseout", function() {
marker.closeInfoWindow();
&div id="googlemap"style="width:500 height:300"&&/div&
使用方法：
首先你要保证注册一个google map 免费的 key
/intl/zh-CN/apis/maps/signup.html （中文）
/intl/en/apis/maps/signup.html
之后你可以把上面的代码封装，那个address就是接口了，输入有效地址就可以显示位置。
第三种JSPlacemaker - 使用纯JavaScript提取地理数据
内容提取仍然是一个热门话题。不久之前Yahoo推出了一个新的Web服务-
，新推出的开放式
API，可以帮助开发者将他们的应用程序和数据集地理位置感知化。
但是这个API只允许传值，而且不允许有XML或RSS输出。这也是我
为什么会创建
的原因，这样
javaScript便可以通过Placemaker服务。你需要做的就是为Placemaker获取应用程序的ID。
Placemaker是专门为Yahoo Placemaker web服务准备的一个JavaScript wrapper，使用
执行表，让您随时提取地理位置的信息。
第四种中国电子地图
中国电子地图服务商MapABC发布地图
，该版本具有如下特征：
1，对社区用户完全免费。
任何人都能通过
网络申请成为地图API用户。
2，对技术人员友好。
全面支持Javascript调用，丰富的用户手册和官方
支持，提供全方位的技术支撑。
中小网站站长和技术爱好者都能很快掌握API的使用方法。
3，强大的位置数据库支持。
4，对用户友好，展现层采用Flash
使电子地图更加流畅，动态效果更佳。
5，API除了提供地图操作外，还提供在线查询功能。
支持地理位置
搜索、北京等大城市的实时交通查询。
6，支持地址匹配。
Google api
copyright (c) 2009 Google inc.
You are free to copy and use this sample.
License can be found here: /apis/ajaxsearch/faq/#license
&!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"xmlns:v="urn:schemas-microsoft-com:vml"&
&meta http-equiv="content-type"content="text/ charset=utf-8"/&
&title&Google Maps API Sample&/title&
&style type="text/css"&
@import url("/uds/css/gsearch.css");
@import url("/uds/solutions/localsearch/gmlocalsearch.css");
&script src="/maps?file=api&v=2&key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"
type="text/javascript"&&/script&
&script src="/uds/api?file=uds.js&v=1.0"type="text/javascript"&&/script&
&script src="/uds/solutions/localsearch/gmlocalsearch.js"type="text/javascript"&&/script&
&script type="text/javascript"&
function initialize() {
if (GBrowserIsCompatible()) {
// Create and Center a Map
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
// bind a search control to the map, suppress result list
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
GSearch.setOnLoadCallback(initialize);
&body onload="initialize()"onunload="GUnload()"style="font-family: Aborder: 0"&
&div id="map_canvas"style="width: 500 height: 300px"&&/div&
第六种 数据库型 可随意添加！
第七种 自动定位
设计思路：根据游客的ip信息获得地理信息，进而查询地图，再次显示游客的当前地址
第一步获得游客的ip信息
由于公告只能加html代码，肯定不可以使用服务端程序来获取到游客的ip，那就只能通过js方式获得游客的ip，第一个想法就是使用
腾讯的ip开放接口：可以获得一个数组信息
&script language="javascript"type="text/javascript"src="/ipaddress"&&/script&
&script&document.write("你的IP是："+IPData[0]+"，来自："+IPData[2]);&/script&
　但是这个数组是gbk编码的，而如果想要用utf8格式，需要转码，不过也可以使用新浪的一个ip接口，这个接口返回的是json格式的数据
&script language="javascript"type="text/javascript"src="http://int..cn/iplookup/iplookup.php?format=js"&&/script&
&script type="text/javascript"&document.write("欢迎来自："+remote_ip_info.country+remote_ip_info.province+remote_ip_info.city+"的朋友！"); &/script&
这个接口的数据是utf8格式，正合适，下面就是用这个接口获得ip信息,备注：ip本来就是一个粗略的估算，再说影响获得你ip的接口因素有很多，最终ip信息的准确还要看新浪的ip接口，个人感觉腾讯的ip接口比较精确可用到县一级，新浪的ip接口只能到市一级！腾讯ip需要转utf8格式，你可以试试看
第二根据谷歌地图查询游客位置
&script language="javascript"type="text/javascript"src="http://int..cn/iplookup/iplookup.php?format=js"&&/script&
&!--调用谷歌地图js，zoom缩放倍数，center中心，mapTypeId地图类型--&
&script type="text/javascript"src="/maps/api/js?sensor=true"&&/script&
&script language="javascript"&
geocoder = new google.maps.Geocoder();
var address = remote_ip_info.country+remote_ip_info.province+remote_ip_info.
function initialize() {
var latlng = new google.maps.LatLng(39.75);
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
document.getElementById('add').innerHTML ="欢迎来自："+address+"的朋友！";
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var initialL
var browserSupportFlag = new Boolean();
if(navigator.geolocation) {
browserSupportFlag =
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeolocation(browserSupportFlag);
// Try Google Gears Geolocation
} else if (google.gears) {
browserSupportFlag =
var geo = google.gears.factory.create('beta.geolocation');
geo.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeoLocation(browserSupportFlag);
// Browser doesn't support Geolocation
browserSupportFlag =
handleNoGeolocation(browserSupportFlag);
function handleNoGeolocation(errorFlag) {
if (geocoder) {
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
position: results[0].geometry.location,
title:'位置'
&body onload="initialize()"&
&div id="add"style="text-align:"&&/div&
&div id="map_canvas"style="width: 500 height: 400"&&/div&
或者使用google 的
Geolocation
二、浏览器的支持情况
目前W3C地理位置API被以下桌面浏览器支持：
>> Firefox 3.5+
>> Chrome 5.0+
>> Safari 5.0+
>> Opera 10.60+
>> Internet Explorer 9.0+ （不支持6-8）
W3C地理位置API还可以被手机设备所支持，如下：
>> Android 2.0+
>> iPhone 3.0+
>> Opera Mobile 10.1+
>> Symbian (S60 3rd & 5th generation)
>> Blackberry OS 6
国内，对于桌面浏览器，不支持地理位置API的低版本IE依旧占据半壁江山，所以，在桌面浏览器上应用此API还需些日子。不过对于像是手机，ipad这类移动设备，我觉得是可以好好用用这个不错的API的，可以做出很多实用的功能的。
&!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"&
&meta http-equiv="Content-Type"content="text/ charset=utf-8"/&
&title&浏览器地理位置信息api测试&/title&
&div id="gmap"style="width:500height:400"&&/div&
&script src="/maps/api/js?sensor=false"&&/script&
var eleGmap = document.getElementById("gmap");
var showMap = function(position) {
var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
//地图参数
var options = {
center: pos,
mapTypeId: google.maps.MapTypeId.ROADMAP
var map = new google.maps.Map(eleGmap, options);
//地图浮动提示
var marker = new google.maps.Marker({
position: pos,
title:"用户位置"
//提示内容
var contentString ="&b&时间戳:&/b&"+ parseTimestamp(position.timestamp) +"&br/&&b&用户位置:&/b& 纬度"+ position.coords.latitude +", 经度"+ position.coords.longitude +", 精确度"+ position.coords.
var infowindow = new Window({
content: contentString
//提示事件绑定
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
//时间戳获取与处理
var parseTimestamp = function(timestamp) {
var d = new Date(timestamp);
var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();
var hour = d.getHours();
var mins = d.getMinutes();
var secs = d.getSeconds();
var msec = d.getMilliseconds();
return year +"年"+ month +"月"+ day +"日"+ hour +":"+ mins +":"+ secs +","+
if (navigator.geolocation) {
eleGmap.innerHTML = '&div id="help"style="width:500height:400"&&img src="/study/image/loading.gif"/&&/div&';
//一次性获取位置的请求
navigator.geolocation.getCurrentPosition(showMap);
else eleGmap.innerHTML = '&div id="help"style="width:500height:400"&您的浏览器不支持地理位置 O(∩_∩)O~&/div&';
当用户的位置被返回的时候，会藏在一个位置对象中，该对象包括一些属性，具体见下表：属性
coords.latitude
coords.longitude
coords.altitude
参考椭球之上的高度
coords.accuracy
coords.altitudeAccuracy
高度的精确度
coords.heading
设备正北顺时针前进的方位
coords.speed
设备外部环境的移动速度(m/s)
当位置捕获到时的时间戳
下载次数: 48
PHP开发框架
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
手机客户端
ThinkSAAS接收任何功能的Iphone(IOS)和Android手机的客户端定制开发服务
让ThinkSAAS更好，把建议拿来。为什麼我用手机管家定位老婆，她用qq发给我的腾讯地图明明是在家里，而手机管家定位的却是在别的城市？_百度知道
为什麼我用手机管家定位老婆，她用qq发给我的腾讯地图明明是在家里，而手机管家定位的却是在别的城市？
提问者采纳
有软件可以修改陌陌，微信. qq的位置的
什么软件？
天下游公司的
伪装地理位置。。等等。。
我是跟她用qq聊，然後用qq里面那个+里面的位置服务发的
还有其他一些
可以修改的
好像她不会乱下载软件的
如果是这样那就是管家的问题了。。。。
我以前用都很准的，她回家了以後我用了一个星期都很准！为什麼现在就到了别的地方了呢
那里有个男的在追我老婆，当我看到这个位置的时候吓了一跳，心里很不是滋味！要不然我也不会在这里问那麼久了！
那就有问题了，，你老婆不会装软件，别人就不会教她么。。
可惜我现在没权限定位手机号码了。。。只能定位陌陌
那怎麼定位手机号码
帮我鉴定下图片的真伪
这图她发给你的？
还有我这两天叫她跟小孩子一起和我聊天她一直找理由推一样
还是在聊天窗口发的位置
有点复杂了。。
还叫我这两天不要打电话给她，她爸在生气，过几天等她爸气消了再打，但是昨晚我打电话去的时候她爸妈说她去和堂妹过生日了，我昨天打了好多我老婆电话都没人接，後来11点多的时候才接我的，说忘了带手机了！然後我今天打电话给她的时候叫小孩子接电话，我都没听到她叫她说叫了没人吉他，我叫她出去叫但是她就说睡在全上，死活不肯去，从头到尾她都没跟小孩子一块和我接电话，我是该相信地图，还是？
推来推去的，她心里有鬼，
是啊，我叫她发的
我说明天小孩子不上课想打电话给她，她就说也是摘野果，上次她老妈摘的很辛苦！好像又在推迟
从地图可以看出什么来不
地图是她从qq上发给你的位置。。你自己点出来的？
截小图给我看，
好像怎麼不显示村，昨晚的就显示
有什麼发现，神探？
你加我qq。。我示范给你看
你qq怎麼加
你不知道怎么加？
没号码怎麼加
你没给扣号我
什么没号码。。我发了啊
那估计被百度屏蔽了，。我私信给你了
提问者评价
太给力了，你的回答完美地解决了我的问题，非常感谢！
其他类似问题
为您推荐：
其他2条回答
好：要想定位精确必须保持gps开着。感谢您对腾讯手机管家的支持，第二：手机只能根据基站定位（基站定位跟当地的基站数量和后台的地图api准确度有关），亲爱的管家用户 机定位功能是存在些许偏差的，一般不会相差太多，但符合相关法律法规的规定范围：第一。定位的要素
垃圾腾讯你也信
以前每次都准，她回家以後前面一个星期也准，一个星期後就不准了，害我吓了一跳
你在家嘿咻吧
哥们，你想多了，老婆都回家了！
我说你和别的女人，是不是藏床底下下的呢哈哈哈
手机管家的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁跟团游自助游邮轮景点门票自驾游当地参团当地玩乐酒店
客户服务电话
&&&&&&江山半岛地图
jiangshanbandao
扫描下载途牛APP
最新预订：
[1小时前]用户***326预订&溧阳天目湖自驾2日游&宿天目湖旁五星天目湖宾馆 含船&&&&
[2小时前]用户***260预订&加拿大东西全景+落基山脉12-14日游&途牛自营，无购物，无自费，哥伦比亚冰原，班夫国家公园，露易丝湖，卡萨罗马城堡，尼亚加拉瀑布景观餐厅特色餐&&&&
[2小时前]用户***713预订&花样姐姐浪漫土耳其10日游&开春预售立减500，全程五星，伊堡2晚国五连住，棉花堡温泉酒店，赠保险，车载WIFI，TK直飞，千人收藏百人好评，奔爱土耳其&&&&
[2小时前]用户***921预订&冲绳5日半自助游&2天FREE，赠送金枪鱼解体秀，全程海边酒店 优惠立减1000元/人&&&&