Skip to content

Instantly share code, notes, and snippets.

@makotoworld
Last active December 10, 2015 04:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save makotoworld/4378909 to your computer and use it in GitHub Desktop.
Save makotoworld/4378909 to your computer and use it in GitHub Desktop.
YOLP版 Map
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.list{
width: 250px;
display: block;
}
</style>
</head>
<body>
<div id="map" style="width:500px; height:500px"></div>
<div class="list">
<ul>
<li id="list"><a href="">上高地 ー 岳沢</a></li>
<li><a href="">岳沢 ー 天狗のコル</a></li>
<li><a href="">天狗のコル ー ジャンダルム</a></li>
<li><a href="">ジャンダルム ー 奥穂高岳</a></li>
</ul>
</div>
<div id="content"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://js.api.olp.yahooapis.jp/OpenLocalPlatform/V1/jsapi?appid=makotoworld"></script>
<script type="text/javascript">
function marker(){
var ymap = new Y.Map("map", {
configure : {
scrollWheelZoom : true,
}
});
ymap.drawMap(new Y.LatLng(36.27258847584374,137.66181278826463), 14, Y.LayerSetId.NORMAL);
var style = new Y.Style("ff0000", 3, 0.5);
var latlngs = [
// 上高地から岳沢
new Y.LatLng(36.24895389184554,137.63773728014647),
new Y.LatLng(36.24968068399914,137.63756561876951),
new Y.LatLng(36.250199817113106,137.63675022722902),
new Y.LatLng(36.251826411870134,137.6366214811963),
new Y.LatLng(36.25293386126564,137.63670731188478),
new Y.LatLng(36.25442197167325,137.63705063463863),
new Y.LatLng(36.25490646661996,137.63773728014647),
new Y.LatLng(36.255356352094495,137.63816643358888),
new Y.LatLng(36.255563990670545,137.63881016375242),
new Y.LatLng(36.255563990670545,137.6388959944409),
new Y.LatLng(36.256429145463926,137.6394109785718),
new Y.LatLng(36.25767495153479,137.6409988463086),
new Y.LatLng(36.258574688008146,137.64198589922606),
new Y.LatLng(36.259093762028925,137.6421146452588),
new Y.LatLng(36.259751250837056,137.6413850844067),
new Y.LatLng(36.25999348216082,137.6413850844067),
new Y.LatLng(36.260374129866236,137.64198589922606),
new Y.LatLng(36.260650963396,137.64310169817625),
new Y.LatLng(36.26137764674359,137.64383125902833),
new Y.LatLng(36.26245035742443,137.6434450209302),
new Y.LatLng(36.26262337389647,137.64348793627443),
new Y.LatLng(36.26283099315698,137.64335919024168),
new Y.LatLng(36.26324623002234,137.64387417437257),
new Y.LatLng(36.26383447846932,137.64370251299562),
new Y.LatLng(36.26424970999967,137.6437883436841),
new Y.LatLng(36.26476874630813,137.64293003679927),
new Y.LatLng(36.26518397287137,137.64293003679927),
new Y.LatLng(36.26591061404483,137.64323044420897),
new Y.LatLng(36.26674105282156,137.64361668230714),
new Y.LatLng(36.26812509782562,137.64404583574947),
new Y.LatLng(36.26943991785854,137.64443207384764),
];
var polyline = new Y.Polyline(latlngs, {strokeStyle: style});
ymap.addFeature(polyline);
};
$("#list").mouseover(function(){
marker();
});
$("#list").mouseup(function(){
alert();
});
window.onload = function(){
var ymap = new Y.Map("map", {
configure : {
scrollWheelZoom : true,
}
});
ymap.drawMap(new Y.LatLng(36.27258847584374,137.66181278826463), 14, Y.LayerSetId.NORMAL);
// 線を入れる
var style = new Y.Style("ff0000", 3, 0.5);
var latlngs = [
// 上高地から岳沢
new Y.LatLng(36.24895389184554,137.63773728014647),
new Y.LatLng(36.24968068399914,137.63756561876951),
new Y.LatLng(36.250199817113106,137.63675022722902),
new Y.LatLng(36.251826411870134,137.6366214811963),
new Y.LatLng(36.25293386126564,137.63670731188478),
new Y.LatLng(36.25442197167325,137.63705063463863),
new Y.LatLng(36.25490646661996,137.63773728014647),
new Y.LatLng(36.255356352094495,137.63816643358888),
new Y.LatLng(36.255563990670545,137.63881016375242),
new Y.LatLng(36.255563990670545,137.6388959944409),
new Y.LatLng(36.256429145463926,137.6394109785718),
new Y.LatLng(36.25767495153479,137.6409988463086),
new Y.LatLng(36.258574688008146,137.64198589922606),
new Y.LatLng(36.259093762028925,137.6421146452588),
new Y.LatLng(36.259751250837056,137.6413850844067),
new Y.LatLng(36.25999348216082,137.6413850844067),
new Y.LatLng(36.260374129866236,137.64198589922606),
new Y.LatLng(36.260650963396,137.64310169817625),
new Y.LatLng(36.26137764674359,137.64383125902833),
new Y.LatLng(36.26245035742443,137.6434450209302),
new Y.LatLng(36.26262337389647,137.64348793627443),
new Y.LatLng(36.26283099315698,137.64335919024168),
new Y.LatLng(36.26324623002234,137.64387417437257),
new Y.LatLng(36.26383447846932,137.64370251299562),
new Y.LatLng(36.26424970999967,137.6437883436841),
new Y.LatLng(36.26476874630813,137.64293003679927),
new Y.LatLng(36.26518397287137,137.64293003679927),
new Y.LatLng(36.26591061404483,137.64323044420897),
new Y.LatLng(36.26674105282156,137.64361668230714),
new Y.LatLng(36.26812509782562,137.64404583574947),
new Y.LatLng(36.26943991785854,137.64443207384764),
// 岳沢から天狗のコル
new Y.LatLng(36.27065091672391,137.6446037352246),
new Y.LatLng(36.27168890080297,137.64468956591307),
new Y.LatLng(36.272277085656285,137.6447324812575),
new Y.LatLng(36.272969062163476,137.64571953417504),
new Y.LatLng(36.27317665391975,137.64632034899435),
new Y.LatLng(36.27373022923799,137.64653492571554),
new Y.LatLng(36.27421460442167,137.64739323260034),
new Y.LatLng(36.275148748075225,137.64777947069845),
new Y.LatLng(36.27563311445815,137.6473503172561),
new Y.LatLng(36.275771504301275,137.64704990984643),
new Y.LatLng(36.276428852706026,137.6474361479446),
new Y.LatLng(36.276913211146635,137.64576244951928),
new Y.LatLng(36.27746675997032,137.6447324812575),
new Y.LatLng(36.27808949770514,137.64374542834005),
new Y.LatLng(36.279888489921774,137.64185715319363),
new Y.LatLng(36.28099554144722,137.63979721667013),
new Y.LatLng(36.28130689685976,137.63889599444116),
new Y.LatLng(36.281791225032755,137.63838101031027),
new Y.LatLng(36.28241392826769,137.6382951796218),
new Y.LatLng(36.282863655292054,137.6380806029006),
new Y.LatLng(36.28331337972503,137.63799477221212),
new Y.LatLng(36.284039852181024,137.6380806029006),
new Y.LatLng(36.28462794397826,137.63833809496603),
// 天狗のコルからジャンダルム
new Y.LatLng(36.284904691525874,137.63876724840844),
new Y.LatLng(36.28518143809216,137.63962555529318),
new Y.LatLng(36.28552736991989,137.64082718493185),
new Y.LatLng(36.2858387072538,137.6415138304397),
new Y.LatLng(36.286703526664205,137.64271546007834),
new Y.LatLng(36.287360783006356,137.64361668230734),
new Y.LatLng(36.287637520862674,137.64447498919213),
// ジャンダルムから奥穂高岳
new Y.LatLng(36.288433136732934,137.6464920103713),
new Y.LatLng(36.28912497002618,137.64790821673117),
// new Y.LatLng(36.289713023502635,137.64765072466574),
// new Y.LatLng(36.290128117405956,137.64786530138693),
// new Y.LatLng(36.29081993567101,137.64812279345236),
// new Y.LatLng(36.291407976373414,137.64812279345236),
// new Y.LatLng(36.29213437347523,137.64825153948507),
// new Y.LatLng(36.29299912311236,137.64795113207555),
// new Y.LatLng(36.29376009486428,137.64786530138707),
// new Y.LatLng(36.29396763132661,137.64850903155065),
// new Y.LatLng(36.294002220683325,137.64932442309117),
// new Y.LatLng(36.29441729176774,137.65031147600862),
// new Y.LatLng(36.294313524203694,137.65065479876256),
// new Y.LatLng(36.294451880925074,137.65116978289342),
// new Y.LatLng(36.294313524203694,137.65224266649938),
// new Y.LatLng(36.29407139935075,137.65280056597442),
// new Y.LatLng(36.29438270259507,137.65314388872835),
// new Y.LatLng(36.294590237401145,137.65314388872835),
// new Y.LatLng(36.29583543464379,137.65451717974398),
// new Y.LatLng(36.29611214244303,137.6552896559403),
// new Y.LatLng(36.29593920018353,137.65606213213655),
// new Y.LatLng(36.2955933145143,137.65627670885777),
// new Y.LatLng(36.29503989425367,137.65769291521764),
// new Y.LatLng(36.29493612751776,137.65829373003697),
// new Y.LatLng(36.29503989425367,137.65893746020055),
// new Y.LatLng(36.295005305357044,137.65953827501988),
// new Y.LatLng(36.29521283850686,137.66005325915071),
// new Y.LatLng(36.29538578237666,137.6607828200028),
// new Y.LatLng(36.29566249177083,137.6612548887894),
// new Y.LatLng(36.29465941554716,137.66228485705113),
// new Y.LatLng(36.29414057795685,137.66288567187044),
// new Y.LatLng(36.29365632642612,137.66365814806676),
// new Y.LatLng(36.293414199533544,137.66413021685335),
// new Y.LatLng(36.29358714739061,137.66490269304967),
// new Y.LatLng(36.29372550540022,137.66558933855745),
// new Y.LatLng(36.29358714739061,137.66683388354036),
// new Y.LatLng(36.294105988661485,137.66803551317906),
// new Y.LatLng(36.294105988661485,137.66893673540807),
// new Y.LatLng(36.29427893498499,137.6694088041947),
// new Y.LatLng(36.29414057795685,137.66983795763704),
// new Y.LatLng(36.29424434575095,137.67108250261995),
// new Y.LatLng(36.29414057795685,137.67164040209508),
// new Y.LatLng(36.29414057795685,137.67245579363558),
// new Y.LatLng(36.29358714739061,137.6735715925858),
// new Y.LatLng(36.293414199533544,137.6743440687821),
// new Y.LatLng(36.294002220683325,137.6751165449784),
// new Y.LatLng(36.29469400459714,137.67606068255162),
// new Y.LatLng(36.29555872586303,137.67657566668242),
// new Y.LatLng(36.29552413719645,137.67679024340364),
// new Y.LatLng(36.295074483135004,137.67717648150182),
// new Y.LatLng(36.294451880925074,137.67666149737093),
// new Y.LatLng(36.29441729176774,137.6770477354691),
// new Y.LatLng(36.294002220683325,137.6766185820267),
// new Y.LatLng(36.29317207188957,137.67648983599403),
// new Y.LatLng(36.29292994349413,137.67606068255162),
// new Y.LatLng(36.29241109440217,137.67601776720738),
// new Y.LatLng(36.29213437347617,137.67593193651882),
// new Y.LatLng(36.29213437347617,137.67691898943636),
// new Y.LatLng(36.29140797637431,137.67653275133813),
// new Y.LatLng(36.29057779997693,137.6767902434036),
// new Y.LatLng(36.29016270846584,137.6773052275344),
// new Y.LatLng(36.28960924968269,137.67786312700952),
// new Y.LatLng(36.28926333594967,137.6783351957961),
// new Y.LatLng(36.28926333594967,137.67867851855002),
// new Y.LatLng(36.288571503883226,137.6787643492385),
// new Y.LatLng(36.288052625808014,137.6785497725173),
// new Y.LatLng(36.28708404416951,137.6785497725173),
// new Y.LatLng(36.286288414544195,137.67880726458273),
// new Y.LatLng(36.285354404198635,137.67953682543484),
// new Y.LatLng(36.285008471604186,137.6788930952712),
// new Y.LatLng(36.28448956983736,137.6783351957961),
// new Y.LatLng(36.28400525840884,137.6783351957961),
// new Y.LatLng(36.28338256787028,137.67790604235375),
// new Y.LatLng(36.282310144741146,137.677948957698),
// new Y.LatLng(36.28186041452735,137.67949391009057),
// new Y.LatLng(36.28071878003882,137.6818113386794),
// new Y.LatLng(36.27971551170354,137.68369961382592),
// new Y.LatLng(36.27930036241351,137.68417168261252),
// new Y.LatLng(36.278746826592176,137.6850299894973),
// new Y.LatLng(36.27822788319474,137.68627453448022),
// new Y.LatLng(36.27847005720954,137.6893644392654),
// new Y.LatLng(36.27850465343602,137.6898794233962),
// new Y.LatLng(36.278089497706105,137.69005108477316),
// new Y.LatLng(36.27698240496553,137.68983650805222),
// new Y.LatLng(36.275909893900376,137.68975067736375),
// new Y.LatLng(36.274975759354284,137.68975067736375),
// new Y.LatLng(36.273799425878046,137.68927860857718),
// new Y.LatLng(36.27286526607962,137.69069481493705),
// new Y.LatLng(36.272380882524565,137.69069481493705),
// new Y.LatLng(36.27179269845347,137.690866476314),
// new Y.LatLng(36.27092771382902,137.69069481493705),
// new Y.LatLng(36.26992431965993,137.69017983080616),
// new Y.LatLng(36.26912851511617,137.69039440752735),
// new Y.LatLng(36.26791749264033,137.6899223387407),
// new Y.LatLng(36.266983262469566,137.68975067736375),
// new Y.LatLng(36.26608362285305,137.6899223387407),
// new Y.LatLng(36.265564595283124,137.6903514921831),
// new Y.LatLng(36.264803348607565,137.68949318529837),
// new Y.LatLng(36.264076697131834,137.68872070910203),
// new Y.LatLng(36.26335003889528,137.6887636244463),
// new Y.LatLng(36.263142421014464,137.68884945513477),
// new Y.LatLng(36.26238115072983,137.68717575670945),
// new Y.LatLng(36.26217353027353,137.68666077257865),
// new Y.LatLng(36.26172368405828,137.68601704241505),
// new Y.LatLng(36.26137764674512,137.6855449736284),
// new Y.LatLng(36.26027031704113,137.68447209002244),
// new Y.LatLng(36.25971664630241,137.68374252917044),
// new Y.LatLng(36.2582632419416,137.68318462969532),
// new Y.LatLng(36.25760574060911,137.68266964556443),
// new Y.LatLng(36.255979266169184,137.6824121534982),
// new Y.LatLng(36.25469882629855,137.6818113386788),
// new Y.LatLng(36.25369522362197,137.68099594713834),
// new Y.LatLng(36.25334915074437,137.68069553972865),
// new Y.LatLng(36.25310689881796,137.67992306353233),
// new Y.LatLng(36.25251856958393,137.67923641802454),
// new Y.LatLng(36.2515841552247,137.6780777037301),
// new Y.LatLng(36.25154954707085,137.67756271959922),
// new Y.LatLng(36.251757195763886,137.67614651323936),
// new Y.LatLng(36.251757195763886,137.67528820635462),
// new Y.LatLng(36.25134189782595,137.6741724074044),
// new Y.LatLng(36.25075355530206,137.6721553862252),
// new Y.LatLng(36.249853728755824,137.67061043383262),
// new Y.LatLng(36.24999216428357,137.66829300524378),
// new Y.LatLng(36.249922946550356,137.66739178301475),
// new Y.LatLng(36.24950763886356,137.6666193068185),
// new Y.LatLng(36.249230765846136,137.66614723803184),
// new Y.LatLng(36.249853728755824,137.66438770891807),
// new Y.LatLng(36.25016520834829,137.66322899462364),
// new Y.LatLng(36.24999216428357,137.66245651842738),
// new Y.LatLng(36.249715292982856,137.66202736498497),
// new Y.LatLng(36.2497845109,137.66116905810023),
// new Y.LatLng(36.25009599076836,137.6600961744943),
// new Y.LatLng(36.24995755542461,137.65923786760948),
// new Y.LatLng(36.25037286072016,137.6580362379708),
// new Y.LatLng(36.25037286072016,137.65756416918418),
// new Y.LatLng(36.25037286072016,137.65717793108607),
// new Y.LatLng(36.25123807299657,137.6553325712838),
// new Y.LatLng(36.25141111430223,137.65438843371058),
// new Y.LatLng(36.251307289564785,137.65125561358116),
// new Y.LatLng(36.25109963967611,137.65065479876182),
// new Y.LatLng(36.251065031307675,137.64945316912315),
// new Y.LatLng(36.25103042292394,137.64769364000938),
// new Y.LatLng(36.25103042292394,137.6467065870919),
// new Y.LatLng(36.25113424802921,137.64593411089564),
// new Y.LatLng(36.25068433824328,137.64460373522425),
// new Y.LatLng(36.25068433824328,137.64331627489713),
// new Y.LatLng(36.25071894678032,137.64250088335655),
// new Y.LatLng(36.25085738077521,137.6420288145699),
// new Y.LatLng(36.25068433824328,137.64095593096397),
// new Y.LatLng(36.24992294655033,137.6399688780465),
// new Y.LatLng(36.24971529298283,137.63932514788291),
// new Y.LatLng(36.248815454480585,137.63803768755577)
];
var polyline = new Y.Polyline(latlngs, {strokeStyle: style});
ymap.addFeature(polyline);
ymap.removeFeature(polyline);
// zoom bar を入れる
var control = new Y.SliderZoomControlVertical();
ymap.addControl(control);
ymap.bind('click', function(latlng){
$("#content").html(latlng.toString());
});
}
// http://blog.masuidrive.jp/index.php/2010/01/13/geohash/
// http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment