星空网 > 软件开发 > Java

如何调用Google地图?

在建设网站中用到地图是很常见的,在国内大部分都是用百度地图,但是有时候可能会用到国外地址,这时候就只能使用谷歌地图了。

方法一、使用框架引入谷歌地图

用框架引入谷歌地址是最简单的方法,不是专业开发人员也可以操作。登陆ditu.google.cn地图,输入地址信息,如:"上海东方明珠",把地图移动到合适的视角,点击分享链接后,有两个信息。第一个是一个网址,用于在浏览器中打开的;第二个是一个框架的代码,网站中通常使用这个代码。把代码复制到网站中去就可以了,里面可以自己设定度度,高度,语言等信息。

方法二、使用谷歌地图api开发

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   <html>     <head>     <script       src='/images/loading.gif' data-original="http://maps.google.com/maps?file=api&v=2&sensor=true;       key=ABQIAAAAevysxt9O5lBUCrSalm80MxQx8gmx0K-_Fjj4Tf8bNXH3BBSxZRRmI_CuZM2zQyuXEpG_uxt-aqPr-A"       type="text/javascript"></script>       //author:67566894  <script language="javascript" type="text/javascript">     function load() {   //加载地图       if (GBrowserIsCompatible()) {          var map = new GMap2(document.getElementById("map"));          map.addControl(new GSmallMapControl());  //放大缩小         map.addControl(new GMapTypeControl());   //地图种类         map.enableScrollWheelZoom();  //启用鼠标滚轮         map.setCenter(new GLatLng(39.9000, 116.3000), 6);  //地图坐标 三个参数分别为 "纬度" "经度" "比例尺"                function createMarker(point, address,name,tel) { //创建标记内容及标记的鼠标事件           var marker = new GMarker(point);           var html = '<div>'+             '<a >Name:'+ name +'</a><br/>'+             '<a >Address:'+address +'</a><br/>'+             '<a >telephone:'+tel +'</a>'+             '</div>';           GEvent.addListener(marker, "mouseover", function() {             marker.openInfoWindowHtml(html);           });           GEvent.addListener(marker, "mouseout", function() {             marker.closeInfoWindow();           });           GEvent.addListener(marker, "click", function() {             map.setCenter(point, 12);           });           return marker;         }         var point = new GLatLng(39.9000,116.3000);   // 设置标记         map.addOverlay(createMarker(point,'beijing','sh','123456'));//加入标记       }      }     </script>     </head>     <body onload="load()">       <div id="map" ></div>     </body>   </html> 

PS:如果有写错的地方,欢迎指出,谢谢。




原标题:如何调用Google地图?

关键词:GOOGLE

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

跨境电商物流成本如何控制?看看亚马逊年销过亿的卖家怎么做:https://www.ikjzd.com/articles/1668539249978535938
价值2亿的冲锋衣,是如何做到的?跨境电商供应链的重要性:https://www.ikjzd.com/articles/1668541233082605570
独立站新手必看!4个步骤找到Instagram网红帮你推广:https://www.ikjzd.com/articles/1668541539946274818
独立站转化率太低?一文看懂转化漏斗,找准优化点:https://www.ikjzd.com/articles/1668541817987297282
跨境独立站与平台,选择自由还是被规则牵制?:https://www.ikjzd.com/articles/1668542016867999745
Facebook省心的营销工具#Facebook海外企业户:https://www.ikjzd.com/articles/1668550068765663234
TikTok斥资210万美元游说美国参议院阻止法案通过 :https://www.goluckyvip.com/news/188220.html
北京飞机票查询(快速查询北京至各地机票价格和航班信息):https://www.vstour.cn/a/366178.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流