当时遇到这个地图也是花了一些功夫解决了点击跳转的需求,当时是实现了效果,但没有优化,提供给你参考。
这个地图插件依据浏览器不同,生成的地图代码不同,建议多测试一下。
在脚本最后注释的那个 alert就是click事件,自行替换即可。
实际的参考网站在百度发不出来地址,需要可以私信我。
//数据可以动态生成,格式自己定义,cha对应china-zh.js中省份的简称var dataStatus = [{ cha: 'HKG', name: '香港', des: '' },
{ cha: 'HAI', name: '海南', des: '' },
{ cha: 'YUN', name: '云南', des: '<br/>' },
{ cha: 'BEJ', name: '北京', des: '<br/>' },
{ cha: 'TAJ', name: '天津', des: '<br/>' },
{ cha: 'XIN', name: '新疆', des: '' },
{ cha: 'TIB', name: '西藏', des: '' },
{ cha: 'QIH', name: '青海', des: '' },
{ cha: 'GAN', name: '甘肃', des: '<br/>' },
{ cha: 'NMG', name: '内蒙古', des: '<br/>' },
{ cha: 'NXA', name: '宁夏', des: '<br/>' },
{ cha: 'SHX', name: '山西', des: '<br/>' },
{ cha: 'LIA', name: '辽宁', des: '<br/>' },
{ cha: 'JIL', name: '吉林', des: '<br/>' },
{ cha: 'HLJ', name: '黑龙江', des: '<br/>' },
{ cha: 'HEB', name: '河北', des: '<br/>' },
{ cha: 'SHD', name: '山东', des: '<br/>' },
{ cha: 'HEN', name: '河南', des: '<br/>' },
{ cha: 'SHA', name: '陕西', des: '' },
{ cha: 'SCH', name: '四川', des: '<br/>' },
{ cha: 'CHQ', name: '重庆', des: '' },
{ cha: 'HUB', name: '湖北', des: '<br/>' },
{ cha: 'ANH', name: '安徽', des: '<br/>' },
{ cha: 'JSU', name: '江苏', des: '<br/>' },
{ cha: 'SHH', name: '上海', des: '' },
{ cha: 'ZHJ', name: '浙江', des: '<br/>' },
{ cha: 'FUJ', name: '福建', des: '' },
{ cha: 'TAI', name: '台湾', des: '' },
{ cha: 'JXI', name: '江西', des: '' },
{ cha: 'HUN', name: '湖南', des: '' },
{ cha: 'GUI', name: '贵州', des: '' },
{ cha: 'GXI', name: '广西', des: '<br/>' },
{ cha: 'GUD', name: '广东', des: '<br/>'}]
$('#container').vectorMap({ map: 'china_zh',
color: "#95cee9", //地图颜色
onLabelShow: function (event, label, code) {//动态显示内容
$.each(dataStatus, function (i, items) {
if (code == items.cha) {
label.html(items.name + items.des)
}
})
}
})
var hasNum = new Array()
$.each(dataStatus, function (i, items) {
if (items.des.indexOf('br') != -1) {//动态设定颜色,此处用了自定义简单的判断
var josnStr = "{" + items.cha + ":'#1c84b7'}"
hasNum.push(items.cha)
$('#container').vectorMap('set', 'colors', eval('(' + josnStr + ')'))
}
})
$('.jvectormap-zoomin').click() //放大
$('#container').find("*[id*='jvectormap1']").each(function(){
var _this = $(this)
var _thisid = $(this).attr('id')
for (var i=0 i<hasNum.length i++){
if(_thisid.indexOf(hasNum[i]) != -1){
_this.click(function(){
//alert(_thisid)
})
}
}
})
javascript呼叫百度地图怎么获取所有省会城市的地标资讯?在中国地图上手动搜寻出城市座标
建立若干Label,然后将地标的名称和经纬度传入,再呼叫map的addOverlay放到地图上
百度地址没有直接的api可以实现你的要求
即使是向地图发起搜寻“省会”2个字也不行
百度地图怎么获取城市的编码cityCode在BMK Geocode Search Delegate 的方法里面有这个
- (void)onGetReverseGeocodeResult[图片]BMKGeocodeSearch *)searcher
result[图片]BMKReverseGeoCodeResult *)result
errorCode[图片]BMKSearchErrorCode)error{
NSString *cityName = result.addressDetail.city},这样即可获取到城市的名称。
从省到市,从市取到区,android上好像没有对应的API,不过可以通过javascript的介面来实现,具体说明如下: 省不用说了,不需要介面都可以取得到列表。 市的话要根据省来取,具体如下: 用android的HttpGet等方法(联网的方法网上都有)
百度地图API是为开发者免费提供的一套基于百度地图服务的应用介面,包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务,提供基本地图展现、搜寻、定位、逆/地理编码、路线规划、LBS云端储存与检索等功能,适用于PC端、移动端、伺服器等多种装置,多种作业系统下的地图应用开发。
js百度地图怎么获取城市编码?百度地图里的geocoder
:api.map.baidu./geocoder/v2/?ak=你的ak值&location=47.358015,123.970903&output=json
返回结果里有个 cityCode
百度地图如何获取路况资讯这个问题我在知乎提过,有的说通过卫星,有的说通过交通系统
中国地图,只要省会和主要城市的。A4纸列印用,不要给我百度地图,google地图。发你邮箱里了,查收啊~~~
怎样使用百度地图Android SDK将多个座标资讯同时显示在地图上就是显示多个标而已,向map中增加多个覆盖物,百度的demo不是有一个就是增加标注,增加覆盖物的,有现成的程式码,不要问别人了,直接下载百度map的开发示例吧。怎样使用百度地图Android SDK将多个座标资讯同时显示在地图上
可能是没有安装好以下程序。检查是否安装了地图需要的这几个包:echarts-countries-pypkg/echarts-china-provinces-pypkg/echarts-china-cities-pypkgecharts-china-counties-pypkg/echarts-china-misc-pypkg/echarts-united-kingdom-pypkg检查已经安装了,最后查知是因为eharts3 不再内置地图文件尴尬,因此需要我们手动引入官网的js或者json文件,显示中国地图需要china.js文件。