如何制作商圈地图制作？行政地图
点击联系发帖人
时间：2016-05-30 07:16
商圈地图_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
你可能喜欢手把手教你用MapInfo工具制作专题地图和渲染图_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
手把手教你用MapInfo工具制作专题地图和渲染图
上传于||文档简介
&&s​t​e​p​ ​b​y​ ​s​t​e​p​介​绍​m​a​p​i​n​f​o​工​具​的​在​网​络​规​划​及​其​它​类​似​工​作​中​的​日​常​应​用​和​操​作​方​法​。​重​点​说​明​了​“​渲​染​图​”​和​分​类​地​图​的​制​作​方​法​。
阅读已结束，如果下载本文需要使用2下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩28页未读，继续阅读
你可能喜欢查看: 2114|回复: 3
请问有没有什么工具可以很方便的在地图上画出商圈
阅读权限10
在线时间 小时
这是别人画好的，我不知道他是怎么画的！
(214.66 KB, 下载次数: 5)
17:08 上传
阅读权限95
在线时间 小时
excel做的？不会吧。
阅读权限10
在线时间 小时
回复 2楼 cflood 的帖子
不是啊 ppt中要用到的
阅读权限20
在线时间 小时
回复 1楼 marswawa 的帖子
这也不是商圈啊
这是行政划分的图··
俺是做招商的
你用普通的画图软件就可以插入一个圆圈
分出 核心商圈，非核心商圈··
玩命加载中，请稍候
玩命加载中，请稍候
Powered by
本论坛言论纯属发表者个人意见，任何违反国家相关法律的言论，本站将协助国家相关部门追究发言者责任！ & & 本站特聘法律顾问：徐怀玉律师 李志群律师当前访客身份：游客 [
：有时点下一首或最后一首，就显示软件已停止，这是...
：有感受有感受
：引用来自“晨曦之光”的评论不是啊，转载的，下面...
：http://www.lxlib.org/baidu/index.html...
：这里有比较完整的例子http://www.lxlib.org/baid...
：我这里出现验证一直是false的情况，请指点！
：你深深地伤害了我的心
：如果我在Activity里面有个输入框，怎么让其响应输...
：用系统的mediarecorder是比较好的方法来进行编程...
今日访问：111
昨日访问：103
本周访问：111
本月访问：6252
所有访问：575365
【百度地图API】如何制作商圈地图？行政地图？
发表于4年前( 17:05)&&
阅读（2129）&|&评论（）
0人收藏此文章,
想要显示某一个区域，并且鼠标放上去，该区域就会变色。这时，你就需要巧用多边形覆盖物，和它的鼠标事件了！
快来看看去哪儿网的实例吧：
---------------------------------------------------------------------------------------------
一、创建地图
这里我使用的是卫星图，并且添加了鱼骨控件。
var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP});
//设置卫星图为底图 map.centerAndZoom(new BMap.Point(116.404, 39.915),12);
// 初始化地图,设置中心点坐标和地图级别。 map.addControl(new BMap.NavigationControl());
//添加鱼骨控件 map.addControl(new BMap.MapTypeControl());
//添加地图类型控件 map.setCurrentCity("北京");
// 设置3D地图显示的城市 此项是必须设置的
二、创建多边形
多边形的各个点，是需要自己设定的。
我们可以使用坐标拾取工具来找点。
比如，创建一个北京二环的多边形。
//创建经纬度数组 var secRingCenter = new BMap.Point(116..931757);var secRing = [new BMap.Point(116..949459),new BMap.Point(116..956539),new BMap.Point(116..955654),new BMap.Point(116..911836),new BMap.Point(116..905637)];//创建多边形 var secRingPolygon = new BMap.Polygon(secRing, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(secRingPolygon);
三、给多边形添加鼠标事件
1、mouseover
当鼠标放到多边形上时，多边形的边变成红色。
secRingPolygon.addEventListener("mouseover",function(){
secRingPolygon.setStrokeColor("red");
2、mouseout
相应地，如果鼠标移出呢，红色就变回原来的蓝色。
secRingPolygon.addEventListener("mouseout",function(){
secRingPolygon.setStrokeColor("blue");
如果点击多边形，地图就放大一级。并且设置一下地图的中心点。
secRingPolygon.addEventListener("click",function(){
map.zoomIn();
secRingPolygon.setStrokeColor("red");
map.setCenter(secRingCenter);
四、创建标签
这里的标签有两个，一是小型的地标标签。
是对多边形的一个说明。
var secRingLabel2 = new BMap.Label("二环",{offset: new BMap.Size(10,-20), position: secRingCenter});
secRingLabel2.setStyle({"padding": "2px"});
map.addOverlay(secRingLabel2);
第二个就是鼠标放到多边形上，显示的商圈说明标签。
var secRingLabel = new BMap.Label("北京市二环，包括了东城区&/br&和西城区。著名旅游景点有&/br&天安门、故宫、后海、北海&/br&公园、景山、南锣鼓巷等。",{offset: new BMap.Size(-150,0), position: secRingCenter});
secRingLabel.setStyle({"padding": "10px","width": "140px","border": "1px solid #ccff00"});
那么，按照这个方法，大家可以添加许多个商圈。
同样的，行政区域地图也可以用这个方法来制作。
本例成品图：
六、全部源代码
&!DOCTYPE html& &html& &head& &meta http-equiv="Content-Type" content="text/ charset=gb2312" /& &title&商圈&/title& &script type="text/javascript" src="http://api./api?v=1.2"&&/script& &/head& &body& &div style="z-index:9;width:520height:340border:1px solid gray" id="container"&&/div& &/body& &/html& &script type="text/javascript"& var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP}); //设置卫星图为底图 map.centerAndZoom(new BMap.Point(116.325218,39.977441),12); // 初始化地图,设置中心点坐标和地图级别。 map.addControl(new BMap.NavigationControl()); //添加鱼骨控件 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("北京"); // 设置3D地图显示的城市 此项是必须设置的
//创建二环 //创建经纬度数组 var secRingCenter = new BMap.Point(116.400244,39.931757);var secRing = [new BMap.Point(116.362875,39.949459),new BMap.Point(116.378972,39.956539),new BMap.Point(116.438764,39.955654),new BMap.Point(116.440488,39.911836),new BMap.Point(116.365175,39.905637)];//创建多边形 var secRingPolygon = new BMap.Polygon(secRing, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(secRingPolygon);//给多边形添加鼠标事件 secRingPolygon.addEventListener("mouseover",function(){ secRingPolygon.setStrokeColor("red"); map.addOverlay(secRingLabel); map.panTo(secRingCenter); }); secRingPolygon.addEventListener("mouseout",function(){ secRingPolygon.setStrokeColor("blue"); map.removeOverlay(secRingLabel); }); secRingPolygon.addEventListener("click",function(){ map.zoomIn(); secRingPolygon.setStrokeColor("red"); map.setCenter(secRingCenter); });//创建标签 var secRingLabel = new BMap.Label("&b&北京市二环&/b&，包括了东城区&/br&和西城区。著名旅游景点有&/br&天安门、故宫、后海、北海&/br&公园、景山、南锣鼓巷等。",{offset: new BMap.Size(-150,), position: secRingCenter}); secRingLabel.setStyle({"z-index":"999999", "padding": "10px","width": "140px","border": "1px solid #ccff00"});var secRingLabel2 = new BMap.Label("二 环",{offset: new BMap.Size(10,-30), position: secRingCenter}); secRingLabel2.setStyle({"line-height": "20px", "text-align": "center", "width": "80px", "height": "29px", "border": "none", "padding": "2px","background": "url(/mapapi/ac.gif) no-repeat",}); map.addOverlay(secRingLabel2);//创建海淀区 //创建经纬度数组 var haidianCenter = new BMap.Point(116.305958,39.969037);var haidian = [new BMap.Point(116.352526,39.915599),new BMap.Point(116.278362,39.916485),new BMap.Point(116.252491,39.943042),new BMap.Point(116.234669,39.994358),new BMap.Point(116.281812,40.037239),new BMap.Point(116.281812,40.037239),new BMap.Point(116.386446,39.98684),new BMap.Point(116.389896,39.968263),new BMap.Point(116.336429,39.960299)];//创建多边形 var haidianPolygon = new BMap.Polygon(haidian, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(haidianPolygon);//给多边形添加鼠标事件 haidianPolygon.addEventListener("mouseover",function(){ haidianPolygon.setStrokeColor("red"); map.addOverlay(haidianLabel); map.panTo(haidianCenter); }); haidianPolygon.addEventListener("mouseout",function(){ haidianPolygon.setStrokeColor("blue"); map.removeOverlay(haidianLabel); }); haidianPolygon.addEventListener("click",function(){ map.zoomIn(); haidianPolygon.setStrokeColor("red"); map.setCenter(haidianCenter); });//创建标签 var haidianLabel = new BMap.Label("&b&北京市海淀区&/b&，是北京市&/br&高等学府的聚集地。这里涵&/br&括了北京市80%的重点大学&/br&。其中清华、北大都是大家&/br&耳熟能详的求学地。",{offset: new BMap.Size(-150,), position: haidianCenter}); haidianLabel.setStyle({"z-index":"999999", "padding": "10px","width": "140px","border": "1px solid #ccff00"});var haidianLabel2 = new BMap.Label("海淀区",{offset: new BMap.Size(10,-30), position: haidianCenter}); haidianLabel2.setStyle({"line-height": "20px", "text-align": "center", "width": "80px", "height": "29px", "border": "none", "padding": "2px","background": "url(/mapapi/ac.gif) no-repeat",}); map.addOverlay(haidianLabel2);&/script&
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读如何制作商圈地图？行政地图_百度知道
如何制作商圈地图？行政地图
我有更好的答案
a href="/milkmap/archive/2012/02/blogs.html" target="_blank">/milkmap/archive//2353985://blogs://www
其他类似问题
为您推荐：
商圈的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
你可能喜欢手把手教你用MapInfo工具制作专题地图和渲染图_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
手把手教你用MapInfo工具制作专题地图和渲染图
上传于||文档简介
&&s​t​e​p​ ​b​y​ ​s​t​e​p​介​绍​m​a​p​i​n​f​o​工​具​的​在​网​络​规​划​及​其​它​类​似​工​作​中​的​日​常​应​用​和​操​作​方​法​。​重​点​说​明​了​“​渲​染​图​”​和​分​类​地​图​的​制​作​方​法​。
阅读已结束，如果下载本文需要使用2下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩28页未读，继续阅读
你可能喜欢查看: 2114|回复: 3
请问有没有什么工具可以很方便的在地图上画出商圈
阅读权限10
在线时间 小时
这是别人画好的，我不知道他是怎么画的！
(214.66 KB, 下载次数: 5)
17:08 上传
阅读权限95
在线时间 小时
excel做的？不会吧。
阅读权限10
在线时间 小时
回复 2楼 cflood 的帖子
不是啊 ppt中要用到的
阅读权限20
在线时间 小时
回复 1楼 marswawa 的帖子
这也不是商圈啊
这是行政划分的图··
俺是做招商的
你用普通的画图软件就可以插入一个圆圈
分出 核心商圈，非核心商圈··
玩命加载中，请稍候
玩命加载中，请稍候
Powered by
本论坛言论纯属发表者个人意见，任何违反国家相关法律的言论，本站将协助国家相关部门追究发言者责任！ & & 本站特聘法律顾问：徐怀玉律师 李志群律师当前访客身份：游客 [
：有时点下一首或最后一首，就显示软件已停止，这是...
：有感受有感受
：引用来自“晨曦之光”的评论不是啊，转载的，下面...
：http://www.lxlib.org/baidu/index.html...
：这里有比较完整的例子http://www.lxlib.org/baid...
：我这里出现验证一直是false的情况，请指点！
：你深深地伤害了我的心
：如果我在Activity里面有个输入框，怎么让其响应输...
：用系统的mediarecorder是比较好的方法来进行编程...
今日访问：111
昨日访问：103
本周访问：111
本月访问：6252
所有访问：575365
【百度地图API】如何制作商圈地图？行政地图？
发表于4年前( 17:05)&&
阅读（2129）&|&评论（）
0人收藏此文章,
想要显示某一个区域，并且鼠标放上去，该区域就会变色。这时，你就需要巧用多边形覆盖物，和它的鼠标事件了！
快来看看去哪儿网的实例吧：
---------------------------------------------------------------------------------------------
一、创建地图
这里我使用的是卫星图，并且添加了鱼骨控件。
var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP});
//设置卫星图为底图 map.centerAndZoom(new BMap.Point(116.404, 39.915),12);
// 初始化地图,设置中心点坐标和地图级别。 map.addControl(new BMap.NavigationControl());
//添加鱼骨控件 map.addControl(new BMap.MapTypeControl());
//添加地图类型控件 map.setCurrentCity("北京");
// 设置3D地图显示的城市 此项是必须设置的
二、创建多边形
多边形的各个点，是需要自己设定的。
我们可以使用坐标拾取工具来找点。
比如，创建一个北京二环的多边形。
//创建经纬度数组 var secRingCenter = new BMap.Point(116..931757);var secRing = [new BMap.Point(116..949459),new BMap.Point(116..956539),new BMap.Point(116..955654),new BMap.Point(116..911836),new BMap.Point(116..905637)];//创建多边形 var secRingPolygon = new BMap.Polygon(secRing, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(secRingPolygon);
三、给多边形添加鼠标事件
1、mouseover
当鼠标放到多边形上时，多边形的边变成红色。
secRingPolygon.addEventListener("mouseover",function(){
secRingPolygon.setStrokeColor("red");
2、mouseout
相应地，如果鼠标移出呢，红色就变回原来的蓝色。
secRingPolygon.addEventListener("mouseout",function(){
secRingPolygon.setStrokeColor("blue");
如果点击多边形，地图就放大一级。并且设置一下地图的中心点。
secRingPolygon.addEventListener("click",function(){
map.zoomIn();
secRingPolygon.setStrokeColor("red");
map.setCenter(secRingCenter);
四、创建标签
这里的标签有两个，一是小型的地标标签。
是对多边形的一个说明。
var secRingLabel2 = new BMap.Label("二环",{offset: new BMap.Size(10,-20), position: secRingCenter});
secRingLabel2.setStyle({"padding": "2px"});
map.addOverlay(secRingLabel2);
第二个就是鼠标放到多边形上，显示的商圈说明标签。
var secRingLabel = new BMap.Label("北京市二环，包括了东城区&/br&和西城区。著名旅游景点有&/br&天安门、故宫、后海、北海&/br&公园、景山、南锣鼓巷等。",{offset: new BMap.Size(-150,0), position: secRingCenter});
secRingLabel.setStyle({"padding": "10px","width": "140px","border": "1px solid #ccff00"});
那么，按照这个方法，大家可以添加许多个商圈。
同样的，行政区域地图也可以用这个方法来制作。
本例成品图：
六、全部源代码
&!DOCTYPE html& &html& &head& &meta http-equiv="Content-Type" content="text/ charset=gb2312" /& &title&商圈&/title& &script type="text/javascript" src="http://api./api?v=1.2"&&/script& &/head& &body& &div style="z-index:9;width:520height:340border:1px solid gray" id="container"&&/div& &/body& &/html& &script type="text/javascript"& var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP}); //设置卫星图为底图 map.centerAndZoom(new BMap.Point(116.325218,39.977441),12); // 初始化地图,设置中心点坐标和地图级别。 map.addControl(new BMap.NavigationControl()); //添加鱼骨控件 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("北京"); // 设置3D地图显示的城市 此项是必须设置的
//创建二环 //创建经纬度数组 var secRingCenter = new BMap.Point(116.400244,39.931757);var secRing = [new BMap.Point(116.362875,39.949459),new BMap.Point(116.378972,39.956539),new BMap.Point(116.438764,39.955654),new BMap.Point(116.440488,39.911836),new BMap.Point(116.365175,39.905637)];//创建多边形 var secRingPolygon = new BMap.Polygon(secRing, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(secRingPolygon);//给多边形添加鼠标事件 secRingPolygon.addEventListener("mouseover",function(){ secRingPolygon.setStrokeColor("red"); map.addOverlay(secRingLabel); map.panTo(secRingCenter); }); secRingPolygon.addEventListener("mouseout",function(){ secRingPolygon.setStrokeColor("blue"); map.removeOverlay(secRingLabel); }); secRingPolygon.addEventListener("click",function(){ map.zoomIn(); secRingPolygon.setStrokeColor("red"); map.setCenter(secRingCenter); });//创建标签 var secRingLabel = new BMap.Label("&b&北京市二环&/b&，包括了东城区&/br&和西城区。著名旅游景点有&/br&天安门、故宫、后海、北海&/br&公园、景山、南锣鼓巷等。",{offset: new BMap.Size(-150,), position: secRingCenter}); secRingLabel.setStyle({"z-index":"999999", "padding": "10px","width": "140px","border": "1px solid #ccff00"});var secRingLabel2 = new BMap.Label("二 环",{offset: new BMap.Size(10,-30), position: secRingCenter}); secRingLabel2.setStyle({"line-height": "20px", "text-align": "center", "width": "80px", "height": "29px", "border": "none", "padding": "2px","background": "url(/mapapi/ac.gif) no-repeat",}); map.addOverlay(secRingLabel2);//创建海淀区 //创建经纬度数组 var haidianCenter = new BMap.Point(116.305958,39.969037);var haidian = [new BMap.Point(116.352526,39.915599),new BMap.Point(116.278362,39.916485),new BMap.Point(116.252491,39.943042),new BMap.Point(116.234669,39.994358),new BMap.Point(116.281812,40.037239),new BMap.Point(116.281812,40.037239),new BMap.Point(116.386446,39.98684),new BMap.Point(116.389896,39.968263),new BMap.Point(116.336429,39.960299)];//创建多边形 var haidianPolygon = new BMap.Polygon(haidian, {strokeColor:"blue", strokeWeight:5, strokeOpacity:0.5});//添加多边形到地图上 map.addOverlay(haidianPolygon);//给多边形添加鼠标事件 haidianPolygon.addEventListener("mouseover",function(){ haidianPolygon.setStrokeColor("red"); map.addOverlay(haidianLabel); map.panTo(haidianCenter); }); haidianPolygon.addEventListener("mouseout",function(){ haidianPolygon.setStrokeColor("blue"); map.removeOverlay(haidianLabel); }); haidianPolygon.addEventListener("click",function(){ map.zoomIn(); haidianPolygon.setStrokeColor("red"); map.setCenter(haidianCenter); });//创建标签 var haidianLabel = new BMap.Label("&b&北京市海淀区&/b&，是北京市&/br&高等学府的聚集地。这里涵&/br&括了北京市80%的重点大学&/br&。其中清华、北大都是大家&/br&耳熟能详的求学地。",{offset: new BMap.Size(-150,), position: haidianCenter}); haidianLabel.setStyle({"z-index":"999999", "padding": "10px","width": "140px","border": "1px solid #ccff00"});var haidianLabel2 = new BMap.Label("海淀区",{offset: new BMap.Size(10,-30), position: haidianCenter}); haidianLabel2.setStyle({"line-height": "20px", "text-align": "center", "width": "80px", "height": "29px", "border": "none", "padding": "2px","background": "url(/mapapi/ac.gif) no-repeat",}); map.addOverlay(haidianLabel2);&/script&
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读如何制作商圈地图？行政地图_百度知道
如何制作商圈地图？行政地图
我有更好的答案
a href="/milkmap/archive/2012/02/blogs.html" target="_blank">/milkmap/archive//2353985://blogs://www
其他类似问题
为您推荐：
商圈的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}
我要回帖
更多关于 商圈地图制作 的文章
更多推荐
- ·台风登陆最多的是哪个城市为何只能在沿海城市登录?为何很少去四川,甘肃,宁夏,新疆这些地方...
- ·求解高考空间向量典型例题解析几何与向量代数的一道题目
- ·WeGame里可以用电脑玩手游鼠标怎么设置玩的游戏？
- ·你好我买了柏氏护肤品哪个系列最好砰砰水2代7件套顺序要怎么用？
- ·拉黑和删除哪个更绝情我几个小号最后一个为啥不拉？
- ·小店门口的大富翁8游戏盘10元钱，算贵吗？&#128527;
- ·<www.macauyydog.com-xpj>谁知道皇马为何写成RMCF，而不是RMFC?
- ·我叫90后魔术师李孟孟潭我想叫个mc
- ·太和镇二手旧二手自动麻将桌价格多少钱一台
- ·扬州第一次约会登入无限扬州怎么登入
- ·茶苑游戏茶苑刷银子软件银子充值上下分一千多万怎么卖?有人回收吗 ?
- ·牛牛包发包小朋友画出来最好的画什么时候抢最好
- ·夏季怎么快速挣钱晚上广场上年轻人游戏挣钱
- ·我的世界创造模式指令死亡不掉落指令
- ·红黑双方都是两炮一兵的象棋残局双车双炮单兵
- ·石应康 跳楼于是好人还是"坏人"观其八字用不了两秒钟即可一目了然
- ·穿越火线进商城闪退游戏商城就闪退
- ·挺进地牢全道具图鉴武器道具怎么用 挺进地牢全道具图鉴24项武器操作技巧推荐
- ·幼儿园亲子课面具教案游戏带面具玩猜猜我是谁怎么玩有意思
- ·<888www.xinpujing033.com>英雄联盟好玩吗？好像这款游戏火了好久？？？
- ·如何制作商圈地图制作？行政地图
- ·分宜微战舰世界关注微信我要关注
- ·期待在地下城邂逅小说是否搞错了什么小说
- ·lol夏季职业联赛董晓飒在哪个董小飒战队叫什么
- ·dnf暗帝20人控制加点怎样才能进20人
- ·demon hunters 美剧是手游吗
- ·王者荣耀被动技能介绍里孙尚香的被动技能叫什么名字
- ·怎么破解qq空间权限破解器2015访问权限不用软件
- ·剑斩诸天笔趣阁为什么这么长时间不更新
- ·上古卷轴5黑暗兄弟会任务怎样才能把巴拉格尔的尸体拖到阴暗处
- ·合金装备5幻痛god汉化有中文或汉化的GOD版吗
- ·<8xinpusenjing>谁知道皇马为何写成RMCF，而不是RMFC?
- ·魔兽世界首映为什么中国比北美早首映
- ·channellvscan inactivee 什么时候触发
- ·全民k歌怎么找好友查看好友新歌
- ·七本部落冲突七本防龙阵有要的吗，便宜
