WP\u30d3\u30ae\u30ca\u30fc\u306eBeat\u3068\u7533\u3057\u307e\u3059\u3002
\n\u8cea\u554f\u3055\u305b\u3066\u4e0b\u3055\u3044\u3002<\/p>\n
Yahoo!\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308bYOLP
\n\uff08Yahoo! Open Local Platform\uff09\u3068\u3044\u3046\u5730\u56f3\u306b\u95a2\u3059\u308bAPI\u3092\u5229\u7528\u3057\u3066\u3001
\n\u73fe\u5728\u5730\u70b9\u304b\u3089\u306e\u76ee\u7684\u5730\u307e\u3067\u306e\u884c\u304d\u65b9\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u305d\u306e\u969b\u306b\u76ee\u7684\u5730\u307e\u3067\u25cb\u25cb\u30e1\u30fc\u30c8\u30eb\u3068\u8868\u793a\u3055\u308c\u308b\u5024\u3092\u3001
\njQuery\u306eajax\u6a5f\u80fd\u3092\u4f7f\u3063\u3066WP\u5074\u306b\u6e21\u3057\u3001
\n\u305d\u306e\u5024\u3092\u4f7f\u3063\u3066\u8ddd\u96e2\u304c\u8fd1\u3044\u9806\u306b\u5165\u308c\u66ff\u3048\u2026
\n\u7b49\u3092\u64cd\u4f5c\u3057\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u307e\u305aYOLP\u304b\u3089\u5024\u3092\u53d6\u5f97\u3092\u5b8c\u4e86\u3057\u305f\u4e0a\u3067\u3001
\nPHP\u3067\u51fa\u529b\u3092\u958b\u59cb\u3059\u308b\u3053\u3068\u306b\u306a\u308b\u3068\u601d\u3046\u306e\u3067\u3059\u304c\u3001
\n\u305d\u306e\u3088\u3046\u306a\u6280\u8853\u7684\u306b\u5b9f\u73fe\u53ef\u80fd\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n
`
\n<!DOCTYPE html>
\n<html>
\n<head>
\n<meta charset=”UTF-8″>
\n<meta name=”viewport” content=”width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no”>
\n<meta name=”apple-mobile-web-app-capable” content=”yes”>
\n<title>\u30de\u30af\u3069\u3053<\/title>
\n<style type=”text\/css”>
\nhtml, body, div{
\n margin:0; padding:0;
\n}
\na{
\n color:#fff; font-weight:bold;
\n}
\ndiv#label{
\n z-index:2;
\n padding:8px;
\n overflow:hidden;
\n color: #fff;
\n background-color: #000;
\n background-image: -webkit-gradient(
\n linear,
\n 0% 0%,
\n 0% 100%,
\n from(rgba(155, 155, 155, 0.1)),
\n to(rgba(255, 255, 255, 0.5)),
\n color-stop(.5,rgba(155, 155, 155, 0.2)),
\n color-stop(.5,rgba(255, 255, 255, 0.1))
\n );
\n border-radius: 8px;
\n opacity: .7;
\n}
\ndiv#title{
\n font-size:14pt;
\n font-weight:bold;
\n line-height:1.2em;
\n width:100%;
\n overflow:hidden;
\n}
\ndiv#desc{
\n font-size:9pt;
\n font-weight:normal;
\n line-height:9pt;
\n overflow:hidden;
\n}
\n<\/style>
\n<\/head><\/p>\n
<body>
\n<div id=”container” style=”width:100%; height:100%; position:relative;”>
\n<div id=”map” style=”width:100%; height:100%;”><\/div>
\n<div id=”label” style=”position:absolute; bottom:4px; right:4px; width:92%; height:64px”>
\n<div id=”title”>\u30de\u30af\u3069\u3053<\/div>
\n<div id=”desc”>always I’m lovin’it<\/div>
\n<\/div>
\n<\/div>
\n<\/body><\/p>\n
<script src=”http:\/\/js.api.olp.yahooapis.jp\/OpenLocalPlatform\/V1\/jsapi?appid=dj0zaiZpPXEyMkYzTjZqU0hvVSZkPVlXazlaWFpsWlROdk16QW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9YTI-“><\/script>
\n<script src=”http:\/\/code.jquery.com\/jquery-latest.js”><\/script>
\n<script>
\njQuery(document).ready(function($){
\n \/\/resize container
\n $(‘#container’).css({height: parseInt($(window).height(), 10)});<\/p>\n
\/\/initialize map
\n var map = new Y.Map(“map”);
\n map.addControl(new Y.ZoomControl());
\n map.drawMap(new Y.LatLng(34.6812,135.2022), 14, Y.LayerSetId.NORMAL);<\/p>\n
\/\/main
\n if(navigator.geolocation){
\n navigator.geolocation.getCurrentPosition(function(pos){
\n var latlng = new Y.LatLng(pos.coords.latitude,pos.coords.longitude);
\n searchNearestMcDonald(latlng);
\n });
\n }<\/p>\n
\/\/search nearest McDonald
\n var searchNearestMcDonald = function(latlng){
\n $.ajax({
\n url: “http:\/\/search.olp.yahooapis.jp\/OpenLocalPlatform\/V1\/localSearch”,
\n dataType: “jsonp”,
\n data:{
\n appid: “dj0zaiZpPXEyMkYzTjZqU0hvVSZkPVlXazlaWFpsWlROdk16QW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9YTI-“,
\n cid: “d115e2a62c8f28cb03a493dc407fa03f”,
\n results: 1,
\n lat: latlng.lat(),
\n lon: latlng.lng(),
\n sort: “dist”,
\n output: “json”
\n },
\n success: function(result){
\n updateRoute(latlng, result);
\n }
\n });
\n }<\/p>\n
\/\/update Route
\n var plugin = null;
\n var updateRoute = function(latlng, result){
\n var coords = result.Feature[0].Geometry.Coordinates.split(“,”);
\n if(plugin){
\n map.removePlugin(plugin);
\n }
\n plugin = new Y.RouteSearchPlugin({latlngs:[
\n latlng,
\n new Y.LatLng(coords[1],coords[0])
\n ]});
\n map.addPlugin(plugin);<\/p>\n
var name = result.Feature[0].Name;
\n var address = result.Feature[0].Property.Address;
\n var tel = result.Feature[0].Property.Tel1;
\n var simplename = name.replace(‘\u30de\u30af\u30c9\u30ca\u30eb\u30c9’,”);
\n var distance = (plugin.estimateDistance() * 1000) + ‘m’;
\n $(‘#title’).html(simplename + ‘(‘ + distance + ‘)’);
\n $(‘#desc’).html(address + ‘<br \/><a href=”tel:’ + tel + ‘”>’ + tel + ‘<\/a>’);
\n }
\n});
\n<\/script>
\n<\/html>
\n`
\n\u30b5\u30f3\u30d7\u30eb\u30bd\u30fc\u30b9\u306f
\n\u6700\u5bc4\u306e\u30de\u30af\u30c9\u30ca\u30eb\u30c9\u306e\u5e97\u540d\u3084\u884c\u304d\u65b9\u3001\u8ddd\u96e2\u3092\u8868\u793a\u3059\u308b\u30bd\u30fc\u30b9\u3067\u3059\u3002<\/p>\n
\u3053\u3061\u3089\u3067\u51fa\u529b\u3055\u308c\u308b\u8ddd\u96e2\u3092WP\u5074\u306b\u6e21\u3057\u3001
\n\u51fa\u529b\u3057\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u81ea\u5206\u7684\u306b\u306f\u304b\u306a\u308a\u96e3\u3057\u3044\u554f\u984c\u304b\u3068\u601d\u3046\u306e\u3067\u3059\u304c\u3001
\n\u5206\u304b\u308b\u30b3\u30fc\u30c9\u30de\u30b9\u30bf\u30fc\u306a\u65b9\u304c\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3057\u305f\u3089\u3001
\n\u3054\u6559\u793a\u9802\u3051\u308b\u3068\u5e78\u3044\u3067\u3059\u3002
\n\u3088\u308d\u3057\u304f\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"template":"","class_list":["post-157897","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/ja.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/157897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ja.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/ja.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/ja.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/157897\/revisions"}],"wp:attachment":[{"href":"https:\/\/ja.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=157897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}