用javascript怎么实现地图功能
我要做一个区域地图，在网上也没有找到什么相应有用的资料！主要是要实现，在地图上显示坐标，并根据经度和纬度在该区域内画出矩形框！请朋友帮帮忙！急！！！！！...
我要做一个区域地图，在网上也没有找到什么相应有用的资料！
主要是要实现，在地图上显示坐标，并根据经度和纬度在该区域内画出矩形框！
请朋友帮帮忙！急！！！！！ 展开
主要是要实现，在地图上显示坐标，并根据经度和纬度在该区域内画出矩形框！
请朋友帮帮忙！急！！！！！ 展开
4个回答
展开全部
lol,楼上仗剑折花的方法太幽默了，他那个完全是在模仿一种效果，如果是需要模仿就够了的话还不如直接做成几张图片切换，还可以做的更加美观，我觉得楼主是希望获得能判断经纬度的动态效果，不过如果要自己重头创建的话几乎不可能.不仅要用到web技术还需要gis技术以及具有空间地理坐标的地理数据，每一项都不是几个人能在短期完成的工程，另一点楼主要实现实现显示有意义的动态区域框的功能，如果是bs模式的话需要使用支持画图功能的语言，而这类语言当前浏览器支持均非常有限，替代方法是使用java applet，即编写java，
直观的概念，google map即包含楼主所要的经纬度的坐标数据，因为有这些数据所以你才能在google map上实现精确定位，画图功能google map也没有实现，你可以找一些web gis的一些更加高级的应用网站应该有这项功能，所以，google map解决这个问题也不是一天两天一个人两个人能做好的，要不就不会成为google的产品了。
解决办法，
你可以基于google提供的google map提供的api来创建你的应用，这样经纬度，地图数据以及主要的技术问题都由google map提供，你只需基于它创建自己的应用即可，但要知道如何使用google api也不是轻松的事。网上有很多关于google api学习的文章和著作，可先学习一下
直观的概念，google map即包含楼主所要的经纬度的坐标数据，因为有这些数据所以你才能在google map上实现精确定位，画图功能google map也没有实现，你可以找一些web gis的一些更加高级的应用网站应该有这项功能，所以，google map解决这个问题也不是一天两天一个人两个人能做好的，要不就不会成为google的产品了。
解决办法，
你可以基于google提供的google map提供的api来创建你的应用，这样经纬度，地图数据以及主要的技术问题都由google map提供，你只需基于它创建自己的应用即可，但要知道如何使用google api也不是轻松的事。网上有很多关于google api学习的文章和著作，可先学习一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Javascrip要实现地图功能，可以调用地图API，比较权威的有百度地图API和谷歌地图API等，以下以百度地铁API为例。
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。
JavaScript API已经支持Https，如需此服务请移步合作咨询页面，在需求描述中写明申请Https使用权限。
该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。
下面是官方示例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个。。。。。。
如果是要模仿别人的效果，你可以尝试用他的！
如果是要模仿别人的效果，你可以尝试用他的！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<SCRIPT LANGUAGE="JavaScript">
<!--
function showInfo(obj)
{
//根据当前ID动态生成一个透明浮动DIV层来显示你的提示信息
}
//-->
</SCRIPT>
<P><IMG SRC="map.png" WIDTH=504 HEIGHT=126 BORDER=0
ALT="地图" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA ID="中国" SHAPE="rect" COORDS="0,0,82,126"
onclick="showInfo(this)">
…………
</MAP>
大概给一个思路，具体你可以参考w3c有关图像映射的文档
COORDS="0,0,82,126"设置或获取图像映射中超级链接区域的坐标
SHAPE是设置或获取图像映射中超级链接区域的形状
<!--
function showInfo(obj)
{
//根据当前ID动态生成一个透明浮动DIV层来显示你的提示信息
}
//-->
</SCRIPT>
<P><IMG SRC="map.png" WIDTH=504 HEIGHT=126 BORDER=0
ALT="地图" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA ID="中国" SHAPE="rect" COORDS="0,0,82,126"
onclick="showInfo(this)">
…………
</MAP>
大概给一个思路，具体你可以参考w3c有关图像映射的文档
COORDS="0,0,82,126"设置或获取图像映射中超级链接区域的坐标
SHAPE是设置或获取图像映射中超级链接区域的形状
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
