jQuery and GoogleAPI Module

I want to make a street view module by JQuery and GoogleAPI

You need make a two .js files

1-js : Show street view from place name

2-js : Show rootmap from two place name


1. Those two .js files is used on single page

2. In single page, show some streetview and rootmap same time

3. get a place name from html

4. need to enable setting direction and angle on 1-js from html

5. Map zoom function on 2-js. It is auto function by distance between A and B place name

@ Sample Image



<title>Osaka Sta. and Nagoya Sta.</title>

<script type="text/javascript" src="[url removed, login to view]"></script>

<!-- jQuery version 1.7 ~ 1.11 -->

<script type="text/javascript" src="[url removed, login to view]" charset="utf-8"></script>

<script type="text/javascript" src="[url removed, login to view]"></script><!--load 1-js-->

<script type="text/javascript" src="[url removed, login to view]"></script><!--load 2-js-->



<div class="">


About <span class="" date-direction="35" date-angle="-45"}>Osaka Sta.</span>


<div class=""><!--View rootmap from Tokyo Sta. from Osaka Sta.--></div>

<div class=""><!--Street view on Osaka Sta.--></div>

From <span class="">Tokyo Sta.</span>

To <span class="">Osaka Sta.</span>


<div class="">


Abount <span class="" date-direction="28" date-angle="60"}>Nagoya Sta.</span>


<div class=""><!--View rootmap from Tokyo Sta. to Nagoya Sta.--></div>

<div class=""><!--Street view on Nagoya Sta.--></div>

From <span class="">Tokyo Sta.</span>から

To <span class="">Nagoya Sta.</span>




You need support Japanese.

ex. Tokyo Sta. => 東京駅

Osaka Sta. => 大阪駅

Nagoya Sta. => 名古屋駅

I want to set direction by "data-direction", set angle by "data-angle"

You can edit class name. This is a simple sample image.

Evner: Google App Engine, jQuery / Prototype, PHP, Software Arkitektur

Se mere: this class jquery, sta software, module in architecture, jquery version, jquery class, jquery 2.1 0, jquery 1.2 3, jquery 1.11 3 min js, jquery 1.11 2 min js, jquery 1.11 2, jquery 1.11 0, jquery 1.11, jquery 1, html 5 charset, jquery api google, jquery ajax api, google ajax jquery, tokyo, image sensor, html 5 maps, googleapi, distance sensor, google api date time, script head http, google map api sample

Om arbejdsgiveren:
( 1 bedømmelse ) Takamatsu-City, Japan

Projekt ID: #6016358

7 freelancere byder i gennemsnit ¥73797 på dette job


Hi, I have rich experience with both JQuery and Google Map. From your sample HTML code, I assume you will have some buttons that when you click will trigger the js code to draw the map? Or you want the js to auto popul Flere

¥33333 JPY in 10 dage
(105 bedømmelser)

Can help... I am an Expert... Lets Start! Please start a Discussion with me and we can get started from there... Please check the past projects I have handled and check my reviews for what employers have to say about Flere

¥300000 JPY in 10 dage
(44 bedømmelser)

Hi, I can provide the required solution. I assure you the best service. If any one can do, I can do better. Please let me know when to start. Regards.

¥31578 JPY in 10 dage
(19 bedømmelser)

HI, after checking the initial requires, i am here for your kind concern that some people bid with $144 or $5550 which is default in system and totally a fake estimate. They increase amount after you knock them lol ... Flere

¥27777 JPY in 12 dage
(6 bedømmelser)

I can help you complete the work with my expertise in PHP, HTML, Javascript, jQuery and Google Maps API. I'll deliver the work in time with best quality.

¥25000 JPY in 4 dage
(1 bedømmelse)

Hi, Thanks a Lot For Giving Us an Opportunity to Bid On Your Valuable Job. We assure you that you will Be Happy With our [url removed, login to view] are a team of trained and experienced web programmer and apps developer with successf Flere

¥26666 JPY in 10 dage
(1 bedømmelse)

Hi, I have vast knowledge in jQuery and Google API. I have implemented google map in [url removed, login to view] with jQuery. Let's talks. Regards

¥55555 JPY in 10 dage
(0 bedømmelser)

Hello, We are Revosoft, a group of in-house-developers. The team Revosoft is composed of professionals whose skills and expertise have been honed by their years of experience in web development. They have been poole Flere

¥44444 JPY in 30 dage
(0 bedømmelser)