質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

Q&A

0回答

2727閲覧

googlemapとmysqlについて

heavyuseman

総合スコア42

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

0グッド

0クリップ

投稿2016/09/03 02:53

編集2022/01/12 10:55

---###前提・実現したいこと
springbootでgooglemapの接続した画面を作成しています。
mysqlのDB上で登録した住所に基づいて、その住所の場所がgooglemap上に表示させたいのですが
googlemapすら表示されずうまくいきません。
おそらくjsファイルのソースの

javascript

1・main.js 2 geocoder.geocode( 3 { 4 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 5 'region': 'jp' 6 }

の箇所で、mysqlの登録した住所の情報を入れたら、登録した住所の情報を所得できると思ってます。
どのように処理すれば登録した住所の情報を所得できるでしょうか?
ご回答のほど宜しくお願い致します

java

1HeloController 2package com.tuyano.springboot; 3 4import java.util.List; 5 6import org.springframework.beans.factory.annotation.Autowired; 7import org.springframework.stereotype.Controller; 8import org.springframework.transaction.annotation.Transactional; 9import org.springframework.web.bind.annotation.ModelAttribute; 10import org.springframework.web.bind.annotation.RequestMapping; 11import org.springframework.web.bind.annotation.RequestMethod; 12import org.springframework.web.bind.annotation.RequestParam; 13import org.springframework.web.servlet.ModelAndView; 14 15import com.tuyano.springboot.repositories.MyDataMongoRepository; 16 17@Controller 18public class HeloController { 19 20@Autowired 21MyDataMongoRepository repository; 22 23@RequestMapping(value="/",method=RequestMethod.GET) 24public ModelAndView index(@ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 25 mav.setViewName("index"); 26 mav.addObject("title","Find Page"); 27 mav.addObject("msg","サンプルです"); 28 List<MyDataMongo> list=repository.findAll(); 29 mav.addObject("datalist",list); 30 System.out.println(mav); 31 return mav; 32} 33@RequestMapping(value="/",method=RequestMethod.POST) 34 35public ModelAndView form( 36 @ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 37 repository.saveAndFlush(mydatamongo); 38 mav =new ModelAndView("redirect:/"); 39 System.out.println("mov"+mav); 40 return mav; 41} 42 43@RequestMapping(value="/first",method=RequestMethod.GET) 44public ModelAndView find(@ModelAttribute("formModel")MyDataMongo mydatamongo,ModelAndView mav){ 45 mav.setViewName("first"); 46 mav.addObject("title","Find Page"); 47 mav.addObject("msg","サンプルです"); 48 mav.addObject("value",""); 49 List<MyDataMongo> list=repository.findAll(); 50 mav.addObject("datalist",list); 51 System.out.println(mav); 52 return mav; 53} 54@RequestMapping(value="/first",method=RequestMethod.POST) 55public ModelAndView search(@RequestParam("name")String param,ModelAndView mav){ 56 //mav.setViewName("first"); 57 58 if(param ==""){ 59 mav =new ModelAndView("redirect:/first"); 60 }else{ 61 System.out.println("param"+param); 62 mav.addObject("title","Find Result"); 63 mav.addObject("msg","["+param+"]の検索結果"); 64 mav.addObject("value",param); 65 List<MyDataMongo> list=repository.findByName(param); 66 System.out.println(list); 67 mav.addObject("dataList",list); 68 //mav.setViewName("login"); 69 mav.setViewName("login"); 70 } 71 System.out.println(mav); 72 //mav =new ModelAndView("redirect:/login"); 73return mav; 74} 75 76 77@RequestMapping(value="/login",method=RequestMethod.GET) 78public ModelAndView login(ModelAndView mav){ 79 mav.addObject("title","Find Page"); 80 mav.addObject("msg","loginです"); 81 mav.addObject("value","loginページです"); 82 System.out.println(mav); 83 return mav; 84} 85} 86

java

1MyDataMongo.java 2package com.tuyano.springboot; 3 4import java.util.Date; 5 6import javax.persistence.Column; 7import javax.persistence.Entity; 8import javax.persistence.GeneratedValue; 9import javax.persistence.GenerationType; 10import javax.persistence.Id; 11import javax.persistence.Table; 12 13 14 15 16@Entity 17@Table(name="Linefriend") 18public class MyDataMongo { 19@Id 20@GeneratedValue(strategy=GenerationType.AUTO) 21@Column 22private Long id; 23 24@Column 25private String name; 26@Column 27private String password; 28@Column 29private String address; 30 31 32 33// 34public MyDataMongo() { 35 36this.name="田中"; 37this.password="田中"; 38this.address="田中"; 39} 40 41public void setId(Long id){ 42 43 this.id=id; 44 45} 46 47public Long getId(){ 48 49 return id; 50 51} 52 53 54public String getName(){ 55 56 return name; 57 58} 59 60public void setName(String name){ 61 62 this.name=name; 63 64} 65 66 67 68public String getPassword(){ 69 70 return password; 71 72} 73 74public void setPassword(String password){ 75 76 this.password=password; 77 78} 79 80 81public String getAddress(){ 82 83 return address; 84 85} 86public void setAddress(String address){ 87 88 this.address=address; 89 90} 91 92 93} 94 95

javascript

1・main.js 2 3 function drawMap(address) { 4 var geocoder = new google.maps.Geocoder(); 5 //住所から座標を取得する 6 geocoder.geocode( 7 { 8 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 9 'region': 'jp' 10 }, 11 function (results, status) { 12 if (status == google.maps.GeocoderStatus.OK) { 13 google.maps.event.addDomListener(window, 'load', function () { 14 var map_tag = document.getElementById('map'); 15 // 取得した座標をセット緯度経度をセット 16 var map_location = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng()); 17 //マップ表示のオプション 18 var map_options = 19 { 20 zoom: 13,//縮尺 21 center: map_location,//地図の中心座標 22 //ここをfalseにすると地図上に人みたいなアイコンとか表示される 23 disableDefaultUI: true, 24 mapTypeId: google.maps.MapTypeId.ROADMAP//地図の種類を指定 25 }; 26 27 //マップを表示する 28 var map = new google.maps.Map(map_tag, map_options); 29 30 //地図上にマーカーを表示させる 31 var marker = new google.maps.Marker({ 32 position: map_location,//マーカーを表示させる座標 33 map: map//マーカーを表示させる地図 34 }); 35 }); 36 } 37 } 38 ); 39 } 40

java

1MyDataMongoRepository.java 2package com.tuyano.springboot.repositories; 3 4import java.util.List; 5 6import org.springframework.data.jpa.repository.JpaRepository; 7import org.springframework.stereotype.Repository; 8 9import com.tuyano.springboot.MyDataMongo; 10 11 12@Repository 13public interface MyDataMongoRepository extends JpaRepository<MyDataMongo,String>{ 14 15public List<MyDataMongo> findByName(String s); 16 17 18} 19 20 21 22

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

popobot

2016/09/11 13:12

質問の意図がわかりません。コードを見るとresultsに緯度経度などの情報が入ってくるように見えますが、うまくいかないということでしょうか?
osmoc-1970

2016/09/16 04:58

javaサーブレットの呼び出し方がわからないということにもよめますが、でしたらjavaというタブを追加して質問されてはいかがでしょうか。javaとJavaScript はまったく別物です。
heavyuseman

2016/09/18 11:28 編集

>icchiiさん 返信が遅れてしまい申しわけありません。 'address': addressの場所にMysqlで登録した住所に関するコードを記載し、 googlemap上にその住所が表示されるようにしたいです。 この場合、何かAPIなどを作って、Mysqlの情報を取ってくると思ったのですが、 どのようにして取得すればいいのか悩んでいます
heavyuseman

2016/09/18 11:30

>osmoc-1970さん 返信が遅れてしまい申しわけありません。 ご指摘を受けましたようにjavaのタブを追加しておきましたので宜しくお願いします
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問