\u9ad8\u5fb7\u5730\u56fe - DIY\u6211\u7684\u5730\u56fe<\/title>\r\n <style>\r\n body { margin: 0; font: 13px\/1.5 \"Microsoft YaHei\", \"Helvetica Neue\", \"Sans-Serif\"; min-height: 960px; min-width: 600px; }\r\n .my-map { margin: 0 auto; width: 600px; height: 320px; } .my-map .icon { background: url(\/\/a.amap.com\/lbs-dev-yuntu\/static\/web\/image\/tools\/creater\/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }\r\n .amap-container{height: 100%;}\r\n .myinfowindow{width: 240px;min-height: 50px;}\r\n .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }\r\n .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div id=\"wrap\" class=\"my-map\">\r\n <div id=\"mapContainer\"><\/div>\r\n <\/div>\r\n <script src=\"\/\/webapi.amap.com\/maps?v=1.3&key=e07ffdf58c8e8672037bef0d6cae7d4a\"><\/script>\r\n <script>\r\n !function(){\r\n var infoWindow, map, level = 13,\r\n center = {lng: 125.317455, lat: 43.889544},\r\n features = [{\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u672a\u547d\u540d\u6807\u6ce8\",\"desc\":\"\u672a\u547d\u540d\u6807\u6ce8\u63cf\u8ff0\",\"lnglat\":{\"Q\":43.89034590928253,\"R\":125.25756636857989,\"lng\":125.257566,\"lat\":43.890346},\"offset\":{\"x\":-9,\"y\":-31},\"type\":\"Marker\"}, {\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u957f\u6625\u667a\u8bda\u79d1\u6280\u6709\u9650\u516c\u53f8\",\"desc\":\"\u672a\u547d\u540d\u6807\u6ce8\u63cf\u8ff0\",\"lnglat\":{\"Q\":43.89034590928253,\"R\":125.25756636857989,\"lng\":125.257566,\"lat\":43.890346},\"offset\":{\"x\":-9,\"y\":-31},\"type\":\"Marker\"}];\r\n \r\n function loadFeatures(){\r\n for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){\r\n data = features[i];\r\n switch(data.type){\r\n case \"Marker\":\r\n feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),\r\n zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,\r\n content: '<div class=\"icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'\"><\/div>' });\r\n break;\r\n case \"Polyline\":\r\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\r\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\r\n\t\t\t\t\t\t}\r\n feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,\r\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });\r\n break;\r\n case \"Polygon\":\r\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\r\n path.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\r\n }\r\n feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,\r\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,\r\n fillColor: data.fillColor, fillOpacity: data.fillOpacity });\r\n break;\r\n default: feature = null;\r\n }\r\n if(feature){ AMap.event.addListener(feature, \"click\", mapFeatureClick); }\r\n }\r\n }\r\n \r\n function mapFeatureClick(e){\r\n if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true,isCustom: false}); }\r\n var extData = e.target.getExtData();\r\n infoWindow.setContent(\"<div class='myinfowindow'><h5>\" + extData.name + \"<\/h5><div>\" + extData.desc + \"<\/div><\/div>\");\r\n infoWindow.open(map, e.lnglat);\r\n }\r\n \r\n map = new AMap.Map(\"mapContainer\", {center: new AMap.LngLat(center.lng, center.lat), level: level, keyboardEnable:true, dragEnable:true, scrollWheel:true, doubleClickZoom:true});\r\n \r\n loadFeatures();\r\n \r\n map.on('complete', function(){\r\n map.plugin([\"AMap.ToolBar\", \"AMap.OverView\", \"AMap.Scale\"], function(){\r\n map.addControl(new AMap.ToolBar({ruler: true, direction: true, locate: false})); map.addControl(new AMap.OverView({isOpen: true})); map.addControl(new AMap.Scale);\r\n });\t\r\n })\r\n \r\n \t}();\r\n <\/script>\r\n <\/body>\r\n <\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u00a0 \u7cfb \u4eba\uff1a\u4faf\u6653\u6625 \u8054\u7cfb\u7535\u8bdd\uff1a 086-133-8431-3779 \u90ae\u7bb1\u5730\u5740\uff1acczc@cczckeji.c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":22,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

\u8054\u00a0 \u7cfb \u4eba\uff1a\u4faf\u6653\u6625<\/p>

\u8054\u7cfb\u7535\u8bdd\uff1a 086-133-8431-3779<\/p>

\u90ae\u7bb1\u5730\u5740\uff1acczc@cczckeji.com<\/p>

\u8054\u7cfb\u5730\u5740\uff1a\u5409\u6797\u7701\u957f\u6625\u7eff\u56ed\u533a\u5b89\u5c45\u5317B\u533a3-103\u5ba4<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n \r\n \u9ad8\u5fb7\u5730\u56fe - DIY\u6211\u7684\u5730\u56fe<\/title>\r\n <style>\r\n body { margin: 0; font: 13px\/1.5 \"Microsoft YaHei\", \"Helvetica Neue\", \"Sans-Serif\"; min-height: 960px; min-width: 600px; }\r\n .my-map { margin: 0 auto; width: 600px; height: 320px; } .my-map .icon { background: url(\/\/a.amap.com\/lbs-dev-yuntu\/static\/web\/image\/tools\/creater\/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }\r\n .amap-container{height: 100%;}\r\n .myinfowindow{width: 240px;min-height: 50px;}\r\n .myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }\r\n .myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div id=\"wrap\" class=\"my-map\">\r\n <div id=\"mapContainer\"><\/div>\r\n <\/div>\r\n <script src=\"\/\/webapi.amap.com\/maps?v=1.3&key=e07ffdf58c8e8672037bef0d6cae7d4a\"><\/script>\r\n <script>\r\n !function(){\r\n var infoWindow, map, level = 13,\r\n center = {lng: 125.317455, lat: 43.889544},\r\n features = [{\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u672a\u547d\u540d\u6807\u6ce8\",\"desc\":\"\u672a\u547d\u540d\u6807\u6ce8\u63cf\u8ff0\",\"lnglat\":{\"Q\":43.89034590928253,\"R\":125.25756636857989,\"lng\":125.257566,\"lat\":43.890346},\"offset\":{\"x\":-9,\"y\":-31},\"type\":\"Marker\"}, {\"icon\":\"cir\",\"color\":\"red\",\"name\":\"\u957f\u6625\u667a\u8bda\u79d1\u6280\u6709\u9650\u516c\u53f8\",\"desc\":\"\u672a\u547d\u540d\u6807\u6ce8\u63cf\u8ff0\",\"lnglat\":{\"Q\":43.89034590928253,\"R\":125.25756636857989,\"lng\":125.257566,\"lat\":43.890346},\"offset\":{\"x\":-9,\"y\":-31},\"type\":\"Marker\"}];\r\n \r\n function loadFeatures(){\r\n for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){\r\n data = features[i];\r\n switch(data.type){\r\n case \"Marker\":\r\n feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),\r\n zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,\r\n content: '<div class=\"icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'\"><\/div>' });\r\n break;\r\n case \"Polyline\":\r\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\r\n\t\t\t\t\t\t\tpath.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\r\n\t\t\t\t\t\t}\r\n feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,\r\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });\r\n break;\r\n case \"Polygon\":\r\n for(j = 0, jl = data.path.length, path = []; j < jl; j++){\r\n path.push(new AMap.LngLat(data.path[j].lng, data.path[j].lat));\r\n }\r\n feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,\r\n strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,\r\n fillColor: data.fillColor, fillOpacity: data.fillOpacity });\r\n break;\r\n default: feature = null;\r\n }\r\n if(feature){ AMap.event.addListener(feature, \"click\", mapFeatureClick); }\r\n }\r\n }\r\n \r\n function mapFeatureClick(e){\r\n if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true,isCustom: false}); }\r\n var extData = e.target.getExtData();\r\n infoWindow.setContent(\"<div class='myinfowindow'><h5>\" + extData.name + \"<\/h5><div>\" + extData.desc + \"<\/div><\/div>\");\r\n infoWindow.open(map, e.lnglat);\r\n }\r\n \r\n map = new AMap.Map(\"mapContainer\", {center: new AMap.LngLat(center.lng, center.lat), level: level, keyboardEnable:true, dragEnable:true, scrollWheel:true, doubleClickZoom:true});\r\n \r\n loadFeatures();\r\n \r\n map.on('complete', function(){\r\n map.plugin([\"AMap.ToolBar\", \"AMap.OverView\", \"AMap.Scale\"], function(){\r\n map.addControl(new AMap.ToolBar({ruler: true, direction: true, locate: false})); map.addControl(new AMap.OverView({isOpen: true})); map.addControl(new AMap.Scale);\r\n });\t\r\n })\r\n \r\n \t}();\r\n <\/script>\r\n <\/body>\r\n <\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u00a0 \u7cfb \u4eba\uff1a\u4faf\u6653\u6625 \u8054\u7cfb\u7535\u8bdd\uff1a 086-133-8431-3779 \u90ae\u7bb1\u5730\u5740\uff1acczc@cczckeji.c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":22,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/www.cczckeji.com\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}