相关“商圈图”215 张图片
相关素材本专辑含777张图查看27180次本专辑含124张图查看7506次本专辑含300张图查看13653次本专辑含204张图查看13536次本专辑含2378张图查看548235次精精精精精5060708090100每页显示已成功添加收藏
红动创办于2005年，老品牌值得信赖
在线客服 :
客服热线 :400-　　想要显示某一个区域，并且鼠标放上去，该区域就会变色。这时，你就需要巧用多边形覆盖物，和它的鼠标事件了！
　　快来看看去哪儿网的实例吧：
---------------------------------------------------------------------------------------------
一、创建地图
这里我使用的是卫星图，并且添加了鱼骨控件。
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,0), 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,0), 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&
阅读(...) 评论()您现在的位置>>
如何提高转化率 9 ：三张图，告诉你详情页制作其实很简单。
&转化率一直都是卖家们所关心的问题，影响到宝贝转化率的因素有很多，其中主要与宝贝的性价比、店铺的动态评分、宝贝的评价、客服水平，还有一点就是宝贝的详情页，今天我们要说的也是这点：如何打造高转化的宝贝详情页。连载到9了，一直感谢大家的支持，也希望分享出来是能够让大家去学习到的，毕竟实战才是真正所需要的，理论文章毕竟是理论，所以大家看了要去实战运用哈！&第一：思考+定位很多卖家的详情页做得都很随便或者说文案做不到点子上，特别是一些小卖家把宝贝的主图加上些描述，然后随便搭个台子详情页就完成了，连自己看后对产品的很多情况都没能完全的了解，这样的详情页怎么能够做好转化呢？起码我们做的详情页先要能够说服自己吧。好了，回归正题，我们做详情页前要思考些什么？1.我的产品是卖给谁的？我们要明白，我们自己的客户群体是谁，应该怎么做产品，怎么探究产品才能得到最合适最佳的客户群体！这个问题，很明确的告诉自己，该做的产品跟内页！更多的技巧大家可以加企鹅扣裙： 交流，加入标明：神圣 便可通过。裙共享里有N多使用技巧，大家一起讨论，更能创造灵感 ，或者加wei信公共账户：“ biangeds ” 有实战课程免费学习，我们不做培训的，每日也更新电商最新技巧 ，大家继续往下看……&2.他们为什么要买我的？找出自己的产品核心卖点，击败你的竞争对手，比如：你的比别人有什么好？你的有别人也有？你的产品质量如何？这些都能很好让自己怎么去做好内页，文案，详情页 的理由！&3.那些同行们他们是什么产品，他们的卖点是什么？做好分析，参考同行的产品，别人的客单价，促销方案，文案，是多少钱？我要怎么做才能竞争他，究竟是以客单价竞争还是以产品质量竞争呢？先分析，后而行，能够更好把握自己的一个路线跟规划！&4.我的消费者们真正要的是什么？这个答案是消费者真正的需求，我们的卖点要针对消费者真正的需求。上面的问题都非常的泛，不同的行业和不同的产品有着不同的答案。这些问题是我们一定要去解决的，哪怕得出的答案是错的我们也要去思考，做市场调研，看数据软件。毕竟商场如战场，而我们就是那位运筹帷幄者！多想，多思考，知己知彼方能百战不殆！&第二：布局设计我们把以上的问题，都已经一一说清楚了之后，那我们如何布局，设置好一个属于自己的宝贝详情页，文案，促销方案呢？来吧，干货速看以下！下面三张图是设计宝贝详情页常用到的思路。要买家说好，你的策划、美工，才是真正的好！也相当是数据反馈得好，才是真正的好！&&第三：测试+优化很重要的环节已经结束了，那么你接下来要做的就是如何更深一步，让流量让买家去给我们测试宝贝呢？1.最快捷的肯定是直通车了，直通车是可以最快速的得到更精准的流量，测试出你的一系列产品的跳失率，收藏率，转化率，那么就按照3-5天的数据反馈，再进行下一步的调整！2.优化：当你感觉，2-3天的跳失率很高，更多的技巧大家可以加企鹅扣裙： 交流，加入标明：神圣 便可通过。裙共享里有N多使用技巧，大家一起讨论，更能创造灵感 ，或者加wei信公共账户：“ biangeds ” 有实战课程免费学习，我们不做培训的，每日也更新电商最新技巧 ，大家继续往下看……那么你就要考虑的就是你的详情页是否太复杂，或者是促销文案没做到位，按照买家的停留时间，去调整内页的排版。按照买家的收藏，去调整你的内页文案。按照买家的转化，去调整你的促销方案！
沙发！待评论。
使用社交账号登入
运营/推广专员
首席执行官(CEO)
友情链接：店铺精确选址 教你如何制作一张“商圈地图”
发布时间： 10:53:26
浏览：6187
　　问：我以前开过一家干洗店，当时为了吸引人气，挑选了非常黄金的地段，结果租金昂贵，附近还有好几家竞争对手“抢食”，最后草草收场。目前我打算再投资开家运动用品店，请问我应该如何选址以避免上次的错误呢？
　　答：您所遇到的时很常见的对于“商圈”的误解，大家常常误以为好的商圈就是指人流密集、热闹的地点，其实比起拼命争抢一块上等市场，拥有一个中等规模但是完全属于自己的市场更有利于新公司的成长。在选择店址的过程中，制作一张“商圈地图”是个不错的主意，具体方法如下：
　　1. 对本地的运动用品店进行调查，将它们的位置标在地图上。看看它们的选址特点，比如周围人群密集的范围半径，总人口多少，与其他同类企业的距离等，量出其独享的市场的半径，也就是商圈的范围。
　　2. 根据地图，标出你看好的地点。　
　　3.在选定的地方周围，按照之前量出的商圈半径，用圆规划出你自己的商圈。
　　4.确定该商圈内是否有你的竞争对手，对彼此的实力进行权衡，然后决定是否需要更改地点。
　　5.了解商圈内的人口、人口统计特性、购买力和其他相关信息，帮助你了解顾客群。
　　6.画出可走到你店面的街道或公交者线路，了解顾客是否能很方便地到达那里。
　　看着这样一张地图，您就可以对于自己选定的地址是否处于合适的商圈而一目了然了。
TA的其他文章
深圳市易图资讯股份有限公司 版权所有，未经同意请勿转载
ICP备案号：粤ICP备号
手机看头条
咚咚找房公众号