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学习的文章和著作，可先学习一下
前端工程师必备之腾讯地图（一）
前端工程师必备之腾讯地图（二）
为什么要用个性化地图，提高不同场景下地图的展现效果和用户体验。
为什么选择腾讯位置服务个性化地图：
1登录腾讯位置服务
2验证手机 与 邮箱
3申请开发密钥（Key）
4选择您需要的产品
位置展示组件
路线规划组件
前端定位组件
1我申请了开发者密钥key
2开通webserviceAPI服务：控制台 -> key管理 -> 设置（使用该功能的key）-> 勾选webserviceAPI -> 保存
(小程序SDK需要用到webserviceAPI的部分服务，所以使用该功能的KEY需要具备相应的权限)
日调用量：1万次 / Key----并发数：5次 / key / 秒 。
我返回的数据如图：
QQMapWX – 小程序JavaScriptSDK核心类 – new QQMapWX(options:Object)
地点搜索：
效果如图：
预览效果如图下：
geocoder – 提供由地址描述到所述位置坐标的转换，与逆地址解析reverseGeocoder()的过程正好相反。
预览效果如图：
预览效果图如下：
调用获取城市列表接口，效果图如下：
获取城市区县，效果图如下：
腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。 在此基础上，腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包，可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！
访问你的那个url之后给你返回的内容是：var ILData = new Array("2221283919","中国", "北京市", "", "网通"); if (typeof(ILData_callback) != "undefined") { ILData_callback(); }
这里可以看出 他是直接给你定义了一个对象在你的html中 ，这时候就可以用js直接来 *** 作这个全局的变量
可以在你的《script》中这么写试试
alert（ILData[0]）;
alert（ILData[1]）;alert（ILData[4]）;
如果这时候d出的信息是你所需要的 那么就用document来把它放入你想放入的地方吧
根据选择的地区去加载地图数据然后给chartsetOption(); 改变红色字体的值就可以，红色字体是省的拼音具体查看echarts/map文件夹内文件，有js加载方式和json加载方式
$get('map/json/chinajson', function (chinaJson) {
echartsregisterMap('china', chinaJson);
var chart = echartsinit(documentgetElementById('main'));
chartsetOption({
series: [{
type: 'map',
map: 'china'
}]
});
});
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=10, user-scalable=no" />
<meta >
map()函数——用于对数组或对象进行处理,并返回处理之后的数组
前提是在map的回调函数中，没有修改item。直接return了item。 如果我们不想修改arr的值，而只需要一个newArr来存储新的值。 切记，不要在回调函数中，修改item。 即直接item属性=值。这种 *** 作。
如下图，如果修改了item。那么原始的arr也会改变。
以上就是关于用javascript怎么实现地图功能全部的内容，包括:用javascript怎么实现地图功能、前端工程师必备之腾讯地图（三）、关于Javascript的问题，有谁能帮帮我JS在百度地图中使用新浪接口，或者更好的办法。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）