怎样利用google map给在自己的网站上加上清晰的地图标识。

要想在自己的网站上用google地图展示出地址,就的用到 google map api
下面是我页面上的代码,其中address是最重要的,
<script src="http://maps.google.com/maps?file=api&v=2&key=${mapkey()}"
type="text/javascript"></script>

<script language="javascript">

var orgName = '<@s.property value="orgInfoDetail.orgName" />';
var phone = '<@s.property value="orgInfoDetail.phone" />';
var address = '<@s.property value="orgInfoDetail.address" />';

// 弹出信息
var popInfo = "<B>" + orgName + "</B><BR>" + phone + "<BR>" + address;

var map = null;
var geocoder = null;

function load() {

if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementByIdx_x("map"));
//添加一个控制条
map.addControl(new GSmallMapControl());
geocoder = new GClientGeocoder();
showAddress();
}
}

function showAddress() {
if (geocoder) {
geocoder.getLatLng(address,
function(point) {
if (!point) {
//alert(address + " 找不到该地址,无法显示地图!");
} else {
map.setCenter(point, 14);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(popInfo);
}
});
}
}

</script>



在html载入的时候就执行,那么就是

<body onload="load()" >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值