K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

借鸡下蛋

1Next >

pktsandy 发表于:11-12-06 11:37 编辑于:12-06 13:14 [添加收藏] 楼主 [回复] #Top#
pktsandy 人气:1181 积分:3438 金币:29313
VIP 管理团队 EST团队 技术精英 灌水狂人
很多企业网站的联系我们中都有地图标示.在地方门户版的下一版本中集成了Google Map V3 api.利用此API的应用封装API文件!我们只需填少许代码就可以让他们为我所有.示例

借鸡下蛋[图1]
首先用jQuery查找到地址字符.然后把它当作参数传给封装的函数.
$(document).ready(function(){
var address=$($('dd').get(1)).html();
wrapmapobj.codeAddress(address,'37.546','121.398');
});

最后的经纬用于精确定位.codeAddress异步查询如果地址找到他会调用drawMarker函数.你只需要重写该函数就行.在这只需要三行.

function drawMarker(latLng){
var lat=latLng.split(',')[0];
var lng=latLng.split(',')[1];
M.showSpecifiedMarker(lat, lng, "mapb");
}

mapb是用来放地图的层ID值.完整HTML代码:
     
<div id="cb">
<dl>
<dt>公司名称:</dt>
<dd>烟台春晖劳务派遣管理有限公司</dd>
</dl>
<dl>
<dt>通讯地址:</dt>
<dd>烟台市芝罘区东风里18号创进国际公寓105号房间</dd>
</dl>
<dl>
<dt>联系电话:</dt>
<dd>0535-6669911 6669611</dd>
</dl>
</div>
<div id="mapb" style="width:300px;height:120px;"></div>

最后在</body>上一行插入用到的两个JS文件:
 
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://www.wuchuan123.com/js/wrapmapobj.js"></script>

示例网址:http://www.kcest.com/index.php/list-8.html
pktsandy 发表于:11-12-06 11:38 沙发 [回复] #Top#
pktsandy 人气:1181 积分:3438 金币:29313
VIP 管理团队 EST团队 技术精英 灌水狂人
当然你的地址要足够详细
紫花地丁 发表于:11-12-06 12:28 板凳 [回复] #Top#
紫花地丁 人气:249 积分:1955 金币:14564
KC元老
学习一下,能不能和gg的地图捆绑啊
pktsandy 发表于:11-12-06 13:13 4楼 [回复] #Top#
pktsandy 人气:1181 积分:3438 金币:29313
VIP 管理团队 EST团队 技术精英 灌水狂人
gg的地图是什么?

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号