{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"never","basic_auth":false,"params":[],"results":{"codes":[]},"settings":"","try":true},"next":{"description":"","pages":[]},"title":"Map","type":"basic","slug":"map-field","excerpt":"","body":"[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?php\\n\\n$tea_content = array(\\n    array(\\n        'type' => 'map',\\n        'title' => 'Choose your final stage',\\n        'id' => 'my_map_field_id',\\n        'description' => 'Do not choose the black hole World',\\n        'default' => array( //every attribute is optional\\n            'address' => '3 rue Baudin, Levallois-Perret, France',\\n            'marker' => array(\\n                'url' => get_template_directory_uri() . 'img/my_marker.png'\\n            ),\\n            'width' => 500,\\n            'height' => 200,\\n            'zoom' => 14,\\n            'type' => 'ROADMAP',\\n            'enable' => 'yes',\\n            'json' => '[{\\\"stylers\\\":[{\\\"saturation\\\":-100},{\\\"gamma\\\":0.8},{\\\"lightness\\\":4},{\\\"visibility\\\":\\\"on\\\"}]},{\\\"featureType\\\":\\\"landscape.natural\\\",\\\"stylers\\\":[{\\\"visibility\\\":\\\"on\\\"},{\\\"color\\\":\\\"#5dff00\\\"},{\\\"gamma\\\":4.97},{\\\"lightness\\\":-5},{\\\"saturation\\\":100}]}]',\\n            'options' => array(\\n                'dragndrop' => 'no',\\n                'mapcontrol' => 'no',\\n                'pancontrol' => 'no',\\n                'zoomcontrol' => 'no',\\n                'scalecontrol' => 'no',\\n                'scrollwheel' => 'no',\\n                'streetview' => 'no',\\n                'rotatecontrol' => 'no',\\n                'rotatecontroloptions' => 'no',\\n                'overviewmapcontrol' => 'no',\\n                'overviewmapcontroloptions' => 'no'\\n            ),\\n        ),\\n    ),\\n);\",\n      \"language\": \"php\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/kk2zDGbySJKvV58ZzZug_maps.png\",\n        \"maps.png\",\n        \"1228\",\n        \"361\",\n        \"#446264\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Retrieve data\"\n}\n[/block]\nUsing the `_get_option('my_map_field_id')` method, you'll get (with a `json_encode()` display):\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"{\\n    \\\"address\\\": \\\"3 rue Baudin, Levallois-Perret, France\\\",\\n    \\\"marker\\\": {\\n        \\\"id\\\": \\\"x\\\",\\n        \\\"url\\\": \\\"http:\\\\/\\\\/your_complete_url\\\\/wp-content\\\\/themes\\\\/your_theme\\\\/img\\\\/my-marker.svg\\\",\\n        \\\"name\\\": \\\"my-marker\\\"\\n    },\\n    \\\"width\\\": \\\"500\\\",\\n    \\\"height\\\": \\\"200\\\",\\n    \\\"zoom\\\": \\\"14\\\",\\n    \\\"type\\\": \\\"ROADMAP\\\",\\n    \\\"options\\\": {\\n        \\\"dragndrop\\\": \\\"yes\\\",\\n        \\\"zoomcontrol\\\": \\\"yes\\\",\\n        \\\"overviewmapcontrol\\\": \\\"yes\\\"\\n    },\\n    \\\"enable\\\": \\\"yes\\\",\\n    \\\"json\\\": \\\"[{\\\\\\\"stylers\\\\\\\":[{\\\\\\\"saturation\\\\\\\":-100},{\\\\\\\"gamma\\\\\\\":0.8},{\\\\\\\"lightness\\\\\\\":4},{\\\\\\\"visibility\\\\\\\":\\\\\\\"on\\\\\\\"}]},{\\\\\\\"featureType\\\\\\\":\\\\\\\"landscape.natural\\\\\\\",\\\\\\\"stylers\\\\\\\":[{\\\\\\\"visibility\\\\\\\":\\\\\\\"on\\\\\\\"},{\\\\\\\"color\\\\\\\":\\\\\\\"#5dff00\\\\\\\"},{\\\\\\\"gamma\\\\\\\":4.97},{\\\\\\\"lightness\\\\\\\":-5},{\\\\\\\"saturation\\\\\\\":100}]}]\\\"\\n}\",\n      \"language\": \"json\"\n    }\n  ]\n}\n[/block]","updates":[],"order":11,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"543268a82aca39080046d831","parentDoc":null,"is_link":false,"project":"5431c59ea55723080068e155","category":{"sync":{"isSync":false,"url":""},"pages":["543266122aca39080046d820","5432670f2aca39080046d822","543267462aca39080046d824","5432679bf2f806080098ad46","543267d92aca39080046d826","543267fe2aca39080046d829","543268232aca39080046d82b","543268572aca39080046d82d","5432687d2aca39080046d82f","543268a82aca39080046d831","543268d7f2f806080098ad48","54326901f2f806080098ad4a","5432692bf2f806080098ad4c","54326979f2f806080098ad4e","5432699b2aca39080046d833","543269c3f2f806080098ad50","543269ecf2f806080098ad52","54326a502aca39080046d836","54326a71f2f806080098ad54","54326a8ff2f806080098ad56","5444faf50a8dbc1a00ff6886","54326ba8f2f806080098ad58","546babeab47b5d1400109f34","54d89a8a80fc0e1900b3bda9","54d8a04c80fc0e1900b3bdac","552a942be82c550d00a26407"],"title":"Fields","slug":"fields","order":3,"from_sync":false,"reference":false,"_id":"543264f42aca39080046d81e","__v":27,"createdAt":"2014-10-06T09:46:28.471Z","project":"5431c59ea55723080068e155","version":"5431c59ea55723080068e158"},"user":"542ea80e6b0eb6080066c9d5","githubsync":"","version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["5431c59ea55723080068e159","54325f53f2f806080098ad37","543264b1f2f806080098ad3e","543264c8f2f806080098ad3f","543264d3f2f806080098ad40","543264f42aca39080046d81e","5435bbf15e1b20200043834d","54e9cfb4f152c50d009b49ed"],"_id":"5431c59ea55723080068e158","project":"5431c59ea55723080068e155","__v":8,"createdAt":"2014-10-05T22:26:38.927Z","releaseDate":"2014-10-05T22:26:38.927Z"},"__v":11,"createdAt":"2014-10-06T10:02:16.038Z"}

Welcome

Tutorial

How-to

Fields

Settings

About

Map

[block:code] { "codes": [ { "code": "<?php\n\n$tea_content = array(\n array(\n 'type' => 'map',\n 'title' => 'Choose your final stage',\n 'id' => 'my_map_field_id',\n 'description' => 'Do not choose the black hole World',\n 'default' => array( //every attribute is optional\n 'address' => '3 rue Baudin, Levallois-Perret, France',\n 'marker' => array(\n 'url' => get_template_directory_uri() . 'img/my_marker.png'\n ),\n 'width' => 500,\n 'height' => 200,\n 'zoom' => 14,\n 'type' => 'ROADMAP',\n 'enable' => 'yes',\n 'json' => '[{\"stylers\":[{\"saturation\":-100},{\"gamma\":0.8},{\"lightness\":4},{\"visibility\":\"on\"}]},{\"featureType\":\"landscape.natural\",\"stylers\":[{\"visibility\":\"on\"},{\"color\":\"#5dff00\"},{\"gamma\":4.97},{\"lightness\":-5},{\"saturation\":100}]}]',\n 'options' => array(\n 'dragndrop' => 'no',\n 'mapcontrol' => 'no',\n 'pancontrol' => 'no',\n 'zoomcontrol' => 'no',\n 'scalecontrol' => 'no',\n 'scrollwheel' => 'no',\n 'streetview' => 'no',\n 'rotatecontrol' => 'no',\n 'rotatecontroloptions' => 'no',\n 'overviewmapcontrol' => 'no',\n 'overviewmapcontroloptions' => 'no'\n ),\n ),\n ),\n);", "language": "php" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/kk2zDGbySJKvV58ZzZug_maps.png", "maps.png", "1228", "361", "#446264", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Retrieve data" } [/block] Using the `_get_option('my_map_field_id')` method, you'll get (with a `json_encode()` display): [block:code] { "codes": [ { "code": "{\n \"address\": \"3 rue Baudin, Levallois-Perret, France\",\n \"marker\": {\n \"id\": \"x\",\n \"url\": \"http:\\/\\/your_complete_url\\/wp-content\\/themes\\/your_theme\\/img\\/my-marker.svg\",\n \"name\": \"my-marker\"\n },\n \"width\": \"500\",\n \"height\": \"200\",\n \"zoom\": \"14\",\n \"type\": \"ROADMAP\",\n \"options\": {\n \"dragndrop\": \"yes\",\n \"zoomcontrol\": \"yes\",\n \"overviewmapcontrol\": \"yes\"\n },\n \"enable\": \"yes\",\n \"json\": \"[{\\\"stylers\\\":[{\\\"saturation\\\":-100},{\\\"gamma\\\":0.8},{\\\"lightness\\\":4},{\\\"visibility\\\":\\\"on\\\"}]},{\\\"featureType\\\":\\\"landscape.natural\\\",\\\"stylers\\\":[{\\\"visibility\\\":\\\"on\\\"},{\\\"color\\\":\\\"#5dff00\\\"},{\\\"gamma\\\":4.97},{\\\"lightness\\\":-5},{\\\"saturation\\\":100}]}]\"\n}", "language": "json" } ] } [/block]